@snmt-react-ui/async-select 1.13.15 → 1.13.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/async-select.js +982 -957
  2. package/package.json +3 -3
package/dist/async-select.js CHANGED
@@ -1,23 +1,23 @@
1
1
  import "./index.css";
2
- import { jsx as e, Fragment as F, jsxs as n } from "react/jsx-runtime";
3
- import { forwardRef as J, useState as Z, useRef as T, useEffect as O, useCallback as N, useContext as X, useImperativeHandle as o1, createContext as I1, useLayoutEffect as L1, useMemo as _1 } from "react";
4
- import { Select as O1, Tag as V1, Flex as T1, Checkbox as S1, Avatar as W1, Typography as g1, Popover as j1 } from "antd";
2
+ import { jsx as e, Fragment as G, jsxs as n } from "react/jsx-runtime";
3
+ import { forwardRef as J, useState as u, useRef as S, useEffect as T, useCallback as Z, useContext as Q, useImperativeHandle as o1, createContext as O1, useLayoutEffect as L1, useMemo as _1 } from "react";
4
+ import { Select as T1, Tag as H1, Flex as S1, Checkbox as W1, Avatar as j1, Typography as g1, Popover as $1, Tooltip as m1 } from "antd";
5
5
  import { COLORS as a, SNMTUiContext as s1 } from "@snmt-react-ui/core";
6
- var $1 = Object.defineProperty, F1 = (i, l, C) => l in i ? $1(i, l, { enumerable: !0, configurable: !0, writable: !0, value: C }) : i[l] = C, P1 = (i, l, C) => F1(i, l + "", C), U1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
7
- function z1() {
6
+ var F1 = Object.defineProperty, P1 = (i, l, C) => l in i ? F1(i, l, { enumerable: !0, configurable: !0, writable: !0, value: C }) : i[l] = C, U1 = (i, l, C) => P1(i, l + "", C), z1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
7
+ function q1() {
8
8
  if (console && console.warn) {
9
9
  for (var i = arguments.length, l = new Array(i), C = 0; C < i; C++)
10
10
  l[C] = arguments[C];
11
11
  q(l[0]) && (l[0] = `react-i18next:: ${l[0]}`), console.warn(...l);
12
12
  }
13
13
  }
14
- const H1 = {};
15
- function u1() {
14
+ const R1 = {};
15
+ function V1() {
16
16
  for (var i = arguments.length, l = new Array(i), C = 0; C < i; C++)
17
17
  l[C] = arguments[C];
18
- q(l[0]) && H1[l[0]] || (q(l[0]) && (H1[l[0]] = /* @__PURE__ */ new Date()), z1(...l));
18
+ q(l[0]) && R1[l[0]] || (q(l[0]) && (R1[l[0]] = /* @__PURE__ */ new Date()), q1(...l));
19
19
  }
20
- const G1 = (i, l) => () => {
20
+ const K1 = (i, l) => () => {
21
21
  if (i.isInitialized)
22
22
  l();
23
23
  else {
@@ -28,13 +28,13 @@ const G1 = (i, l) => () => {
28
28
  };
29
29
  i.on("initialized", C);
30
30
  }
31
- }, R1 = (i, l, C) => {
32
- i.loadNamespaces(l, G1(i, C));
33
- }, x1 = (i, l, C, t) => {
31
+ }, x1 = (i, l, C) => {
32
+ i.loadNamespaces(l, K1(i, C));
33
+ }, A1 = (i, l, C, t) => {
34
34
  q(C) && (C = [C]), C.forEach((h) => {
35
35
  i.options.ns.indexOf(h) < 0 && i.options.ns.push(h);
36
- }), i.loadLanguages(l, G1(i, t));
37
- }, q1 = function(i, l) {
36
+ }), i.loadLanguages(l, K1(i, t));
37
+ }, J1 = function(i, l) {
38
38
  let C = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
39
39
  const t = l.languages[0], h = l.options ? l.options.fallbackLng : !1, d = l.languages[l.languages.length - 1];
40
40
  if (t.toLowerCase() === "cimode") return !0;
@@ -43,15 +43,15 @@ const G1 = (i, l) => () => {
43
43
  return o === -1 || o === 2;
44
44
  };
45
45
  return C.bindI18n && C.bindI18n.indexOf("languageChanging") > -1 && l.services.backendConnector.backend && l.isLanguageChangingTo && !r(l.isLanguageChangingTo, i) ? !1 : !!(l.hasResourceBundle(t, i) || !l.services.backendConnector.backend || l.options.resources && !l.options.partialBundledLanguages || r(t, i) && (!h || r(d, i)));
46
- }, J1 = function(i, l) {
46
+ }, Q1 = function(i, l) {
47
47
  let C = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
48
- return !l.languages || !l.languages.length ? (u1("i18n.languages were undefined or empty", l.languages), !0) : l.options.ignoreJSONStructure !== void 0 ? l.hasLoadedNamespace(i, {
48
+ return !l.languages || !l.languages.length ? (V1("i18n.languages were undefined or empty", l.languages), !0) : l.options.ignoreJSONStructure !== void 0 ? l.hasLoadedNamespace(i, {
49
49
  lng: C.lng,
50
50
  precheck: (t, h) => {
51
51
  if (C.bindI18n && C.bindI18n.indexOf("languageChanging") > -1 && t.services.backendConnector.backend && t.isLanguageChangingTo && !h(t.isLanguageChangingTo, i)) return !1;
52
52
  }
53
- }) : q1(i, l, C);
54
- }, q = (i) => typeof i == "string", X1 = (i) => typeof i == "object" && i !== null, Q1 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, C2 = {
53
+ }) : J1(i, l, C);
54
+ }, q = (i) => typeof i == "string", X1 = (i) => typeof i == "object" && i !== null, C2 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, l2 = {
55
55
  "&amp;": "&",
56
56
  "&#38;": "&",
57
57
  "&lt;": "<",
@@ -72,8 +72,8 @@ const G1 = (i, l) => () => {
72
72
  "&#8230;": "…",
73
73
  "&#x2F;": "/",
74
74
  "&#47;": "/"
75
- }, l2 = (i) => C2[i], e2 = (i) => i.replace(Q1, l2);
76
- let i2 = {
75
+ }, e2 = (i) => l2[i], i2 = (i) => i.replace(C2, e2);
76
+ let t2 = {
77
77
  bindI18n: "languageChanged",
78
78
  bindI18nStore: "",
79
79
  transEmptyNodeValue: "",
@@ -81,14 +81,14 @@ let i2 = {
81
81
  transWrapTextNodes: "",
82
82
  transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
83
83
  useSuspense: !0,
84
- unescape: e2
84
+ unescape: i2
85
85
  };
86
- const t2 = () => i2;
87
- let h2;
88
- const o2 = () => h2, s2 = I1();
89
- class a2 {
86
+ const h2 = () => t2;
87
+ let o2;
88
+ const s2 = () => o2, a2 = O1();
89
+ class c2 {
90
90
  constructor() {
91
- P1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
91
+ U1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
92
92
  }
93
93
  addUsedNamespaces(l) {
94
94
  l.forEach((C) => {
@@ -96,27 +96,27 @@ class a2 {
96
96
  });
97
97
  }
98
98
  }
99
- const c2 = (i, l) => {
100
- const C = T();
101
- return O(() => {
99
+ const n2 = (i, l) => {
100
+ const C = S();
101
+ return T(() => {
102
102
  C.current = i;
103
103
  }, [i, l]), C.current;
104
- }, K1 = (i, l, C, t) => i.getFixedT(l, C, t), n2 = (i, l, C, t) => N(K1(i, l, C, t), [i, l, C, t]), r2 = function(i) {
104
+ }, Y1 = (i, l, C, t) => i.getFixedT(l, C, t), r2 = (i, l, C, t) => Z(Y1(i, l, C, t), [i, l, C, t]), d2 = function(i) {
105
105
  let l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
106
106
  const {
107
107
  i18n: C
108
108
  } = l, {
109
109
  i18n: t,
110
110
  defaultNS: h
111
- } = X(s2) || {}, d = C || t || o2();
112
- if (d && !d.reportNamespaces && (d.reportNamespaces = new a2()), !d) {
113
- u1("You will need to pass in an i18next instance by using initReactI18next");
114
- const _ = (H, k) => q(k) ? k : X1(k) && q(k.defaultValue) ? k.defaultValue : Array.isArray(H) ? H[H.length - 1] : H, g = [_, {}, !1];
115
- return g.t = _, g.i18n = {}, g.ready = !1, g;
111
+ } = Q(a2) || {}, d = C || t || s2();
112
+ if (d && !d.reportNamespaces && (d.reportNamespaces = new c2()), !d) {
113
+ V1("You will need to pass in an i18next instance by using initReactI18next");
114
+ const _ = (R, N) => q(N) ? N : X1(N) && q(N.defaultValue) ? N.defaultValue : Array.isArray(R) ? R[R.length - 1] : R, p = [_, {}, !1];
115
+ return p.t = _, p.i18n = {}, p.ready = !1, p;
116
116
  }
117
- d.options.react && d.options.react.wait !== void 0 && u1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
117
+ d.options.react && d.options.react.wait !== void 0 && V1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
118
118
  const r = {
119
- ...t2(),
119
+ ...h2(),
120
120
  ...d.options.react,
121
121
  ...l
122
122
  }, {
@@ -125,33 +125,33 @@ const c2 = (i, l) => {
125
125
  } = r;
126
126
  let o = i;
127
127
  o = q(o) ? [o] : o || ["translation"], d.reportNamespaces.addUsedNamespaces && d.reportNamespaces.addUsedNamespaces(o);
128
- const c = (d.isInitialized || d.initializedStoreOnce) && o.every((_) => J1(_, d, r)), v = n2(d, l.lng || null, r.nsMode === "fallback" ? o : o[0], s), p = () => v, M = () => K1(d, l.lng || null, r.nsMode === "fallback" ? o : o[0], s), [E, x] = Z(p);
129
- let B = o.join();
130
- l.lng && (B = `${l.lng}${B}`);
131
- const I = c2(B), A = T(!0);
132
- O(() => {
128
+ const c = (d.isInitialized || d.initializedStoreOnce) && o.every((_) => Q1(_, d, r)), M = r2(d, l.lng || null, r.nsMode === "fallback" ? o : o[0], s), v = () => M, g = () => Y1(d, l.lng || null, r.nsMode === "fallback" ? o : o[0], s), [m, A] = u(v);
129
+ let b = o.join();
130
+ l.lng && (b = `${l.lng}${b}`);
131
+ const O = n2(b), D = S(!0);
132
+ T(() => {
133
133
  const {
134
134
  bindI18n: _,
135
- bindI18nStore: g
135
+ bindI18nStore: p
136
136
  } = r;
137
- A.current = !0, !c && !w && (l.lng ? x1(d, l.lng, o, () => {
138
- A.current && x(M);
139
- }) : R1(d, o, () => {
140
- A.current && x(M);
141
- })), c && I && I !== B && A.current && x(M);
142
- const H = () => {
143
- A.current && x(M);
137
+ D.current = !0, !c && !w && (l.lng ? A1(d, l.lng, o, () => {
138
+ D.current && A(g);
139
+ }) : x1(d, o, () => {
140
+ D.current && A(g);
141
+ })), c && O && O !== b && D.current && A(g);
142
+ const R = () => {
143
+ D.current && A(g);
144
144
  };
145
- return _ && d && d.on(_, H), g && d && d.store.on(g, H), () => {
146
- A.current = !1, _ && d && _.split(" ").forEach((k) => d.off(k, H)), g && d && g.split(" ").forEach((k) => d.store.off(k, H));
145
+ return _ && d && d.on(_, R), p && d && d.store.on(p, R), () => {
146
+ D.current = !1, _ && d && _.split(" ").forEach((N) => d.off(N, R)), p && d && p.split(" ").forEach((N) => d.store.off(N, R));
147
147
  };
148
- }, [d, B]), O(() => {
149
- A.current && c && x(p);
148
+ }, [d, b]), T(() => {
149
+ D.current && c && A(v);
150
150
  }, [d, s, c]);
151
- const S = [E, d, c];
152
- if (S.t = E, S.i18n = d, S.ready = c, c || !c && !w) return S;
151
+ const W = [m, d, c];
152
+ if (W.t = m, W.i18n = d, W.ready = c, c || !c && !w) return W;
153
153
  throw new Promise((_) => {
154
- l.lng ? x1(d, l.lng, o, () => _()) : R1(d, o, () => _());
154
+ l.lng ? A1(d, l.lng, o, () => _()) : x1(d, o, () => _());
155
155
  });
156
156
  }, w1 = ({
157
157
  children: i,
@@ -163,7 +163,7 @@ const c2 = (i, l) => {
163
163
  gap: r,
164
164
  padding: w
165
165
  }) => /* @__PURE__ */ e(
166
- T1,
166
+ S1,
167
167
  {
168
168
  className: `snmt-flex${C === "inherit" ? " inherit" : ""}`,
169
169
  vertical: l === "column",
@@ -175,8 +175,8 @@ const c2 = (i, l) => {
175
175
  style: { padding: w },
176
176
  children: i
177
177
  }
178
- ), d2 = (i, { enabled: l = !0 } = {}) => {
179
- const [C, t] = Z(!1), h = N(() => !l || !i || typeof i == "function" ? null : i.current, [l, i]), d = N(() => {
178
+ ), w2 = (i, { enabled: l = !0 } = {}) => {
179
+ const [C, t] = u(!1), h = Z(() => !l || !i || typeof i == "function" ? null : i.current, [l, i]), d = Z(() => {
180
180
  const r = h();
181
181
  if (!r) {
182
182
  t(!1);
@@ -205,12 +205,22 @@ const c2 = (i, l) => {
205
205
  const w = new ResizeObserver(d);
206
206
  return w.observe(r), () => w.disconnect();
207
207
  }, [h, d]), C;
208
- }, { Title: w2, Text: L2 } = g1, g2 = {
208
+ }, L2 = ({ children: i, title: l, arrow: C = !0, open: t, placement: h = "top" }) => /* @__PURE__ */ e(
209
+ m1,
210
+ {
211
+ overlayClassName: "snmt-tooltip",
212
+ title: l,
213
+ arrow: C,
214
+ open: t,
215
+ placement: h,
216
+ children: i
217
+ }
218
+ ), { Title: g2, Text: m2 } = g1, p2 = {
209
219
  h1: 1,
210
220
  h2: 2,
211
221
  h3: 3,
212
222
  h4: 4
213
- }, A1 = J(
223
+ }, D1 = J(
214
224
  ({
215
225
  align: i = "inherit",
216
226
  variant: l = "body1",
@@ -221,29 +231,24 @@ const c2 = (i, l) => {
221
231
  /** This prop allows you to enable tooltip if text size is too big */
222
232
  trim: r = !1
223
233
  }, w) => {
224
- const s = T(null);
234
+ const s = S(null);
225
235
  o1(w, () => s.current);
226
- const o = d2(s, { enabled: r }), c = l === "h1" || l === "h2" || l === "h3" || l === "h4";
227
- let v = `snmt-typography snmt-typography-${l}`;
228
- i && i !== "inherit" && (v += ` snmt-typography-align-${i}`);
229
- const p = {
230
- className: v,
236
+ const o = w2(s, { enabled: r }), c = l === "h1" || l === "h2" || l === "h3" || l === "h4";
237
+ let M = `snmt-typography snmt-typography-${l}`;
238
+ i && i !== "inherit" && (M += ` snmt-typography-align-${i}`);
239
+ const v = r && o, g = {
240
+ className: M,
231
241
  style: {
232
242
  color: C,
233
243
  whiteSpace: d
234
244
  },
235
245
  onClick: h,
236
246
  ref: s,
237
- ellipsis: r && o ? {
238
- tooltip: {
239
- title: t,
240
- overlayClassName: "snmt-tooltip"
241
- }
242
- } : void 0
243
- };
244
- return c ? /* @__PURE__ */ e(w2, { level: g2[l], ...p, children: t }) : /* @__PURE__ */ e(L2, { ...p, children: t });
247
+ ellipsis: v || void 0
248
+ }, m = /* @__PURE__ */ e(m2, { ...g, children: t });
249
+ return c ? /* @__PURE__ */ e(g2, { level: p2[l], ...g, children: t }) : /* @__PURE__ */ e(G, { children: v ? /* @__PURE__ */ e(L2, { title: t, children: m }) : m });
245
250
  }
246
- ), m2 = ({ label: i, variant: l = "small", src: C, fallbackText: t }) => {
251
+ ), f2 = ({ label: i, variant: l = "small", src: C, fallbackText: t }) => {
247
252
  const h = C != null && C.trim() ? C : void 0, d = {
248
253
  large: 80,
249
254
  medium: 48,
@@ -267,16 +272,16 @@ const c2 = (i, l) => {
267
272
  style: { gap: i ? l === "large" || l === "medium" ? 12 : 8 : 0 },
268
273
  children: [
269
274
  /* @__PURE__ */ e(
270
- W1,
275
+ j1,
271
276
  {
272
277
  className: `snmt-avatar ${h ? "image" : ""}`,
273
278
  src: h,
274
279
  size: d[l],
275
- children: /* @__PURE__ */ e(A1, { color: a.GREY_LIGHT_0, variant: r[l], children: !h && t })
280
+ children: /* @__PURE__ */ e(D1, { color: a.GREY_LIGHT_0, variant: r[l], children: !h && t })
276
281
  }
277
282
  ),
278
283
  i && /* @__PURE__ */ e(
279
- A1,
284
+ D1,
280
285
  {
281
286
  color: a.GREY_DARK_5,
282
287
  variant: l ? w[l] : "body2",
@@ -286,8 +291,8 @@ const c2 = (i, l) => {
286
291
  ]
287
292
  }
288
293
  );
289
- }, p2 = (i, { enabled: l = !0 } = {}) => {
290
- const [C, t] = Z(!1), h = N(() => !l || !i || typeof i == "function" ? null : i.current, [l, i]), d = N(() => {
294
+ }, v2 = (i, { enabled: l = !0 } = {}) => {
295
+ const [C, t] = u(!1), h = Z(() => !l || !i || typeof i == "function" ? null : i.current, [l, i]), d = Z(() => {
291
296
  const r = h();
292
297
  if (!r) {
293
298
  t(!1);
@@ -316,12 +321,22 @@ const c2 = (i, l) => {
316
321
  const w = new ResizeObserver(d);
317
322
  return w.observe(r), () => w.disconnect();
318
323
  }, [h, d]), C;
319
- }, { Title: f2, Text: v2 } = g1, k2 = {
324
+ }, k2 = ({ children: i, title: l, arrow: C = !0, open: t, placement: h = "top" }) => /* @__PURE__ */ e(
325
+ m1,
326
+ {
327
+ overlayClassName: "snmt-tooltip",
328
+ title: l,
329
+ arrow: C,
330
+ open: t,
331
+ placement: h,
332
+ children: i
333
+ }
334
+ ), { Title: M2, Text: N2 } = g1, Z2 = {
320
335
  h1: 1,
321
336
  h2: 2,
322
337
  h3: 3,
323
338
  h4: 4
324
- }, M2 = J(
339
+ }, u2 = J(
325
340
  ({
326
341
  align: i = "inherit",
327
342
  variant: l = "body1",
@@ -332,29 +347,24 @@ const c2 = (i, l) => {
332
347
  /** This prop allows you to enable tooltip if text size is too big */
333
348
  trim: r = !1
334
349
  }, w) => {
335
- const s = T(null);
350
+ const s = S(null);
336
351
  o1(w, () => s.current);
337
- const o = p2(s, { enabled: r }), c = l === "h1" || l === "h2" || l === "h3" || l === "h4";
338
- let v = `snmt-typography snmt-typography-${l}`;
339
- i && i !== "inherit" && (v += ` snmt-typography-align-${i}`);
340
- const p = {
341
- className: v,
352
+ const o = v2(s, { enabled: r }), c = l === "h1" || l === "h2" || l === "h3" || l === "h4";
353
+ let M = `snmt-typography snmt-typography-${l}`;
354
+ i && i !== "inherit" && (M += ` snmt-typography-align-${i}`);
355
+ const v = r && o, g = {
356
+ className: M,
342
357
  style: {
343
358
  color: C,
344
359
  whiteSpace: d
345
360
  },
346
361
  onClick: h,
347
362
  ref: s,
348
- ellipsis: r && o ? {
349
- tooltip: {
350
- title: t,
351
- overlayClassName: "snmt-tooltip"
352
- }
353
- } : void 0
354
- };
355
- return c ? /* @__PURE__ */ e(f2, { level: k2[l], ...p, children: t }) : /* @__PURE__ */ e(v2, { ...p, children: t });
363
+ ellipsis: v || void 0
364
+ }, m = /* @__PURE__ */ e(N2, { ...g, children: t });
365
+ return c ? /* @__PURE__ */ e(M2, { level: Z2[l], ...g, children: t }) : /* @__PURE__ */ e(G, { children: v ? /* @__PURE__ */ e(k2, { title: t, children: m }) : m });
356
366
  }
357
- ), N2 = ({
367
+ ), V2 = ({
358
368
  checked: i = !0,
359
369
  indeterminate: l = !1,
360
370
  label: C,
@@ -362,23 +372,23 @@ const c2 = (i, l) => {
362
372
  disabled: h = !1,
363
373
  disableUncheck: d = !1
364
374
  }) => {
365
- const [r, w] = Z(i), [s, o] = Z(l);
366
- O(() => {
375
+ const [r, w] = u(i), [s, o] = u(l);
376
+ T(() => {
367
377
  w(i), o(l);
368
378
  }, [i, l]);
369
- const { theme: c } = X(s1);
379
+ const { theme: c } = Q(s1);
370
380
  return /* @__PURE__ */ e(
371
- S1,
381
+ W1,
372
382
  {
373
383
  className: `snmt-checkbox snmt-checkbox-${c}`,
374
384
  checked: r,
375
385
  indeterminate: s,
376
- onChange: (v) => {
377
- d && r || (o(!1), w(v.target.checked), t && t(v));
386
+ onChange: (M) => {
387
+ d && r || (o(!1), w(M.target.checked), t && t(M));
378
388
  },
379
389
  disabled: h,
380
390
  children: C && /* @__PURE__ */ e(
381
- M2,
391
+ u2,
382
392
  {
383
393
  variant: "body2",
384
394
  color: h ? a.GREY_DARK_2 : a.GREY_DARK_5,
@@ -387,7 +397,7 @@ const c2 = (i, l) => {
387
397
  )
388
398
  }
389
399
  );
390
- }, Z2 = ({
400
+ }, H2 = ({
391
401
  width: i = 20,
392
402
  height: l = 20,
393
403
  color: C = a.GREY_DARK_5,
@@ -411,7 +421,7 @@ const c2 = (i, l) => {
411
421
  }
412
422
  )
413
423
  }
414
- ), u2 = ({
424
+ ), _2 = ({
415
425
  width: i = 20,
416
426
  height: l = 20,
417
427
  color: C = a.GREY_DARK_5,
@@ -435,7 +445,7 @@ const c2 = (i, l) => {
435
445
  }
436
446
  )
437
447
  }
438
- ), V2 = ({
448
+ ), R2 = ({
439
449
  width: i = 20,
440
450
  height: l = 20,
441
451
  color: C = a.GREY_DARK_5,
@@ -459,7 +469,7 @@ const c2 = (i, l) => {
459
469
  }
460
470
  )
461
471
  }
462
- ), _2 = ({
472
+ ), x2 = ({
463
473
  width: i = 20,
464
474
  height: l = 20,
465
475
  color: C = a.GREY_DARK_5,
@@ -484,7 +494,7 @@ const c2 = (i, l) => {
484
494
  }
485
495
  )
486
496
  }
487
- ), H2 = ({
497
+ ), A2 = ({
488
498
  width: i = 20,
489
499
  height: l = 20,
490
500
  color: C = a.GREY_DARK_5,
@@ -524,7 +534,7 @@ const c2 = (i, l) => {
524
534
  )
525
535
  ]
526
536
  }
527
- ), R2 = ({
537
+ ), D2 = ({
528
538
  width: i = 20,
529
539
  height: l = 20,
530
540
  color: C = a.GREY_DARK_5,
@@ -551,7 +561,7 @@ const c2 = (i, l) => {
551
561
  /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1_2043", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
552
562
  ]
553
563
  }
554
- ), x2 = ({
564
+ ), E2 = ({
555
565
  width: i = 20,
556
566
  height: l = 20,
557
567
  color: C = a.GREY_DARK_5,
@@ -575,7 +585,7 @@ const c2 = (i, l) => {
575
585
  }
576
586
  )
577
587
  }
578
- ), A2 = ({
588
+ ), G2 = ({
579
589
  width: i = 20,
580
590
  height: l = 20,
581
591
  color: C = a.GREY_DARK_5,
@@ -602,7 +612,7 @@ const c2 = (i, l) => {
602
612
  /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1_2039", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
603
613
  ]
604
614
  }
605
- ), D2 = ({
615
+ ), K2 = ({
606
616
  width: i = 20,
607
617
  height: l = 20,
608
618
  color: C = a.GREY_DARK_5,
@@ -626,7 +636,7 @@ const c2 = (i, l) => {
626
636
  }
627
637
  )
628
638
  }
629
- ), E2 = ({
639
+ ), Y2 = ({
630
640
  width: i = 20,
631
641
  height: l = 20,
632
642
  color: C = a.GREY_DARK_5,
@@ -666,7 +676,7 @@ const c2 = (i, l) => {
666
676
  )
667
677
  ]
668
678
  }
669
- ), G2 = ({
679
+ ), B2 = ({
670
680
  width: i = 20,
671
681
  height: l = 20,
672
682
  color: C = a.GREY_DARK_5,
@@ -712,7 +722,7 @@ const c2 = (i, l) => {
712
722
  )
713
723
  ]
714
724
  }
715
- ), K2 = ({
725
+ ), b2 = ({
716
726
  width: i = 20,
717
727
  height: l = 20,
718
728
  color: C = a.GREY_DARK_5,
@@ -759,7 +769,7 @@ const c2 = (i, l) => {
759
769
  )
760
770
  ]
761
771
  }
762
- ), Y2 = ({
772
+ ), y2 = ({
763
773
  width: i = 20,
764
774
  height: l = 20,
765
775
  color: C = a.GREY_DARK_5,
@@ -783,7 +793,7 @@ const c2 = (i, l) => {
783
793
  }
784
794
  )
785
795
  }
786
- ), B2 = ({
796
+ ), I2 = ({
787
797
  width: i = 20,
788
798
  height: l = 20,
789
799
  color: C = a.GREY_DARK_5,
@@ -807,7 +817,7 @@ const c2 = (i, l) => {
807
817
  }
808
818
  )
809
819
  }
810
- ), b2 = ({
820
+ ), O2 = ({
811
821
  width: i = 20,
812
822
  height: l = 20,
813
823
  color: C = a.GREY_DARK_5,
@@ -831,7 +841,7 @@ const c2 = (i, l) => {
831
841
  }
832
842
  )
833
843
  }
834
- ), y2 = ({
844
+ ), T2 = ({
835
845
  width: i = 20,
836
846
  height: l = 20,
837
847
  color: C = a.GREY_DARK_5,
@@ -892,7 +902,7 @@ const c2 = (i, l) => {
892
902
  )
893
903
  ]
894
904
  }
895
- ), I2 = ({
905
+ ), S2 = ({
896
906
  width: i = 20,
897
907
  height: l = 20,
898
908
  color: C = a.GREY_DARK_5,
@@ -939,7 +949,7 @@ const c2 = (i, l) => {
939
949
  )
940
950
  ]
941
951
  }
942
- ), O2 = ({
952
+ ), W2 = ({
943
953
  width: i = 20,
944
954
  height: l = 20,
945
955
  color: C = a.GREY_DARK_5,
@@ -979,7 +989,7 @@ const c2 = (i, l) => {
979
989
  )
980
990
  ]
981
991
  }
982
- ), T2 = ({
992
+ ), j2 = ({
983
993
  width: i = 20,
984
994
  height: l = 20,
985
995
  color: C = a.GREY_DARK_5,
@@ -1019,7 +1029,7 @@ const c2 = (i, l) => {
1019
1029
  )
1020
1030
  ]
1021
1031
  }
1022
- ), S2 = ({
1032
+ ), $2 = ({
1023
1033
  width: i = 20,
1024
1034
  height: l = 20,
1025
1035
  color: C = a.GREY_DARK_5,
@@ -1066,7 +1076,7 @@ const c2 = (i, l) => {
1066
1076
  )
1067
1077
  ]
1068
1078
  }
1069
- ), W2 = ({
1079
+ ), F2 = ({
1070
1080
  width: i = 20,
1071
1081
  height: l = 20,
1072
1082
  color: C = a.GREY_DARK_5,
@@ -1113,7 +1123,7 @@ const c2 = (i, l) => {
1113
1123
  )
1114
1124
  ]
1115
1125
  }
1116
- ), j2 = ({
1126
+ ), P2 = ({
1117
1127
  width: i = 20,
1118
1128
  height: l = 20,
1119
1129
  color: C = a.GREY_DARK_5,
@@ -1160,7 +1170,7 @@ const c2 = (i, l) => {
1160
1170
  )
1161
1171
  ]
1162
1172
  }
1163
- ), $2 = ({
1173
+ ), U2 = ({
1164
1174
  width: i = 20,
1165
1175
  height: l = 20,
1166
1176
  color: C = a.GREY_DARK_5,
@@ -1200,7 +1210,7 @@ const c2 = (i, l) => {
1200
1210
  )
1201
1211
  ]
1202
1212
  }
1203
- ), F2 = ({
1213
+ ), z2 = ({
1204
1214
  width: i = 20,
1205
1215
  height: l = 20,
1206
1216
  color: C = a.GREY_DARK_5,
@@ -1233,7 +1243,7 @@ const c2 = (i, l) => {
1233
1243
  )
1234
1244
  ]
1235
1245
  }
1236
- ), P2 = ({
1246
+ ), q2 = ({
1237
1247
  width: i = 20,
1238
1248
  height: l = 20,
1239
1249
  color: C = a.GREY_DARK_5,
@@ -1266,7 +1276,7 @@ const c2 = (i, l) => {
1266
1276
  )
1267
1277
  ]
1268
1278
  }
1269
- ), U2 = ({
1279
+ ), J2 = ({
1270
1280
  width: i = 20,
1271
1281
  height: l = 20,
1272
1282
  color: C = a.GREY_DARK_5,
@@ -1299,7 +1309,7 @@ const c2 = (i, l) => {
1299
1309
  )
1300
1310
  ]
1301
1311
  }
1302
- ), z2 = ({
1312
+ ), Q2 = ({
1303
1313
  width: i = 20,
1304
1314
  height: l = 20,
1305
1315
  color: C = a.GREY_DARK_5,
@@ -1332,7 +1342,7 @@ const c2 = (i, l) => {
1332
1342
  )
1333
1343
  ]
1334
1344
  }
1335
- ), q2 = ({
1345
+ ), X2 = ({
1336
1346
  width: i = 20,
1337
1347
  height: l = 20,
1338
1348
  color: C = a.GREY_DARK_5,
@@ -1372,7 +1382,7 @@ const c2 = (i, l) => {
1372
1382
  )
1373
1383
  ]
1374
1384
  }
1375
- ), J2 = ({
1385
+ ), C5 = ({
1376
1386
  width: i = 20,
1377
1387
  height: l = 20,
1378
1388
  color: C = a.GREY_DARK_5,
@@ -1405,7 +1415,7 @@ const c2 = (i, l) => {
1405
1415
  )
1406
1416
  ]
1407
1417
  }
1408
- ), X2 = ({
1418
+ ), l5 = ({
1409
1419
  width: i = 20,
1410
1420
  height: l = 20,
1411
1421
  color: C = a.GREY_DARK_5,
@@ -1438,7 +1448,7 @@ const c2 = (i, l) => {
1438
1448
  )
1439
1449
  ]
1440
1450
  }
1441
- ), Q2 = ({
1451
+ ), e5 = ({
1442
1452
  width: i = 20,
1443
1453
  height: l = 20,
1444
1454
  color: C = "#070739",
@@ -1468,7 +1478,7 @@ const c2 = (i, l) => {
1468
1478
  /* @__PURE__ */ e("circle", { cx: "10", cy: "10", r: "2.375", stroke: C, strokeWidth: "1.25" })
1469
1479
  ]
1470
1480
  }
1471
- ), C5 = ({
1481
+ ), i5 = ({
1472
1482
  width: i = 20,
1473
1483
  height: l = 20,
1474
1484
  color: C = "#070739",
@@ -1506,7 +1516,7 @@ const c2 = (i, l) => {
1506
1516
  )
1507
1517
  ]
1508
1518
  }
1509
- ), l5 = ({
1519
+ ), t5 = ({
1510
1520
  width: i = 20,
1511
1521
  height: l = 20,
1512
1522
  color: C = a.GREY_DARK_5,
@@ -1539,7 +1549,7 @@ const c2 = (i, l) => {
1539
1549
  )
1540
1550
  ]
1541
1551
  }
1542
- ), e5 = ({
1552
+ ), h5 = ({
1543
1553
  width: i = 20,
1544
1554
  height: l = 20,
1545
1555
  color: C = a.GREY_DARK_5,
@@ -1572,7 +1582,7 @@ const c2 = (i, l) => {
1572
1582
  )
1573
1583
  ]
1574
1584
  }
1575
- ), i5 = ({
1585
+ ), o5 = ({
1576
1586
  width: i = 20,
1577
1587
  height: l = 20,
1578
1588
  color: C = a.GREY_DARK_5,
@@ -1619,7 +1629,7 @@ const c2 = (i, l) => {
1619
1629
  )
1620
1630
  ]
1621
1631
  }
1622
- ), t5 = ({
1632
+ ), s5 = ({
1623
1633
  className: i,
1624
1634
  color: l = a.GREY_DARK_5,
1625
1635
  height: C = 20,
@@ -1652,7 +1662,7 @@ const c2 = (i, l) => {
1652
1662
  )
1653
1663
  ]
1654
1664
  }
1655
- ), h5 = ({
1665
+ ), a5 = ({
1656
1666
  className: i,
1657
1667
  color: l = a.GREY_DARK_5,
1658
1668
  height: C = 5,
@@ -1676,7 +1686,7 @@ const c2 = (i, l) => {
1676
1686
  }
1677
1687
  )
1678
1688
  }
1679
- ), o5 = ({
1689
+ ), c5 = ({
1680
1690
  className: i,
1681
1691
  color: l = a.GREY_DARK_5,
1682
1692
  height: C = 5,
@@ -1701,7 +1711,7 @@ const c2 = (i, l) => {
1701
1711
  }
1702
1712
  )
1703
1713
  }
1704
- ), s5 = ({
1714
+ ), n5 = ({
1705
1715
  className: i,
1706
1716
  color: l = a.GREY_DARK_5,
1707
1717
  height: C = 20,
@@ -1734,7 +1744,7 @@ const c2 = (i, l) => {
1734
1744
  )
1735
1745
  ]
1736
1746
  }
1737
- ), a5 = ({
1747
+ ), r5 = ({
1738
1748
  className: i,
1739
1749
  color: l = a.GREY_DARK_5,
1740
1750
  height: C = 20,
@@ -1773,7 +1783,7 @@ const c2 = (i, l) => {
1773
1783
  )
1774
1784
  ]
1775
1785
  }
1776
- ), c5 = ({
1786
+ ), d5 = ({
1777
1787
  className: i,
1778
1788
  color: l = a.GREY_DARK_5,
1779
1789
  height: C = 20,
@@ -1797,7 +1807,7 @@ const c2 = (i, l) => {
1797
1807
  }
1798
1808
  )
1799
1809
  }
1800
- ), n5 = ({
1810
+ ), w5 = ({
1801
1811
  className: i,
1802
1812
  color: l = a.GREY_DARK_5,
1803
1813
  height: C = 20,
@@ -1844,7 +1854,7 @@ const c2 = (i, l) => {
1844
1854
  )
1845
1855
  ]
1846
1856
  }
1847
- ), r5 = ({
1857
+ ), L5 = ({
1848
1858
  className: i,
1849
1859
  color: l = a.GREY_DARK_5,
1850
1860
  height: C = 20,
@@ -1877,7 +1887,7 @@ const c2 = (i, l) => {
1877
1887
  )
1878
1888
  ]
1879
1889
  }
1880
- ), d5 = ({
1890
+ ), g5 = ({
1881
1891
  className: i,
1882
1892
  color: l = a.GREY_DARK_5,
1883
1893
  height: C = 20,
@@ -1914,7 +1924,7 @@ const c2 = (i, l) => {
1914
1924
  )
1915
1925
  ]
1916
1926
  }
1917
- ), w5 = ({
1927
+ ), m5 = ({
1918
1928
  className: i,
1919
1929
  color: l = a.GREY_DARK_5,
1920
1930
  height: C = 20,
@@ -1938,7 +1948,7 @@ const c2 = (i, l) => {
1938
1948
  }
1939
1949
  )
1940
1950
  }
1941
- ), L5 = ({
1951
+ ), p5 = ({
1942
1952
  className: i,
1943
1953
  color: l = a.GREY_DARK_5,
1944
1954
  height: C = 20,
@@ -1999,7 +2009,7 @@ const c2 = (i, l) => {
1999
2009
  )
2000
2010
  ]
2001
2011
  }
2002
- ), g5 = ({
2012
+ ), f5 = ({
2003
2013
  className: i,
2004
2014
  color: l = a.GREY_DARK_5,
2005
2015
  height: C = 20,
@@ -2036,7 +2046,7 @@ const c2 = (i, l) => {
2036
2046
  )
2037
2047
  ]
2038
2048
  }
2039
- ), m5 = ({
2049
+ ), v5 = ({
2040
2050
  className: i,
2041
2051
  color: l = a.GREY_DARK_5,
2042
2052
  height: C = 20,
@@ -2076,7 +2086,7 @@ const c2 = (i, l) => {
2076
2086
  )
2077
2087
  ]
2078
2088
  }
2079
- ), p5 = ({
2089
+ ), k5 = ({
2080
2090
  className: i,
2081
2091
  color: l = a.GREY_DARK_5,
2082
2092
  height: C = 20,
@@ -2109,7 +2119,7 @@ const c2 = (i, l) => {
2109
2119
  )
2110
2120
  ]
2111
2121
  }
2112
- ), f5 = ({
2122
+ ), M5 = ({
2113
2123
  className: i,
2114
2124
  color: l = a.GREY_DARK_5,
2115
2125
  height: C = 20,
@@ -2142,7 +2152,7 @@ const c2 = (i, l) => {
2142
2152
  )
2143
2153
  ]
2144
2154
  }
2145
- ), v5 = ({
2155
+ ), N5 = ({
2146
2156
  className: i,
2147
2157
  color: l = a.GREY_DARK_5,
2148
2158
  height: C = 20,
@@ -2196,7 +2206,7 @@ const c2 = (i, l) => {
2196
2206
  )
2197
2207
  ]
2198
2208
  }
2199
- ), k5 = ({
2209
+ ), Z5 = ({
2200
2210
  className: i,
2201
2211
  color: l = a.GREY_DARK_5,
2202
2212
  height: C = 20,
@@ -2243,7 +2253,7 @@ const c2 = (i, l) => {
2243
2253
  )
2244
2254
  ]
2245
2255
  }
2246
- ), M5 = ({
2256
+ ), u5 = ({
2247
2257
  className: i,
2248
2258
  color: l = a.GREY_DARK_5,
2249
2259
  height: C = 20,
@@ -2283,7 +2293,7 @@ const c2 = (i, l) => {
2283
2293
  )
2284
2294
  ]
2285
2295
  }
2286
- ), N5 = ({
2296
+ ), V5 = ({
2287
2297
  className: i,
2288
2298
  color: l = a.GREY_DARK_5,
2289
2299
  height: C = 20,
@@ -2307,7 +2317,7 @@ const c2 = (i, l) => {
2307
2317
  }
2308
2318
  )
2309
2319
  }
2310
- ), Z5 = ({
2320
+ ), H5 = ({
2311
2321
  className: i,
2312
2322
  color: l = a.GREY_DARK_5,
2313
2323
  height: C = 20,
@@ -2347,7 +2357,7 @@ const c2 = (i, l) => {
2347
2357
  )
2348
2358
  ]
2349
2359
  }
2350
- ), u5 = ({
2360
+ ), _5 = ({
2351
2361
  className: i,
2352
2362
  color: l = a.GREY_DARK_5,
2353
2363
  height: C = 20,
@@ -2387,7 +2397,7 @@ const c2 = (i, l) => {
2387
2397
  )
2388
2398
  ]
2389
2399
  }
2390
- ), V5 = ({
2400
+ ), R5 = ({
2391
2401
  width: i = 20,
2392
2402
  height: l = 20,
2393
2403
  color: C = a.GREY_DARK_5,
@@ -2411,7 +2421,7 @@ const c2 = (i, l) => {
2411
2421
  }
2412
2422
  )
2413
2423
  }
2414
- ), _5 = ({
2424
+ ), x5 = ({
2415
2425
  width: i = 24,
2416
2426
  height: l = 24,
2417
2427
  color: C = "#131314",
@@ -2444,7 +2454,7 @@ const c2 = (i, l) => {
2444
2454
  )
2445
2455
  ]
2446
2456
  }
2447
- ), H5 = ({
2457
+ ), A5 = ({
2448
2458
  width: i = 20,
2449
2459
  height: l = 20,
2450
2460
  color: C = a.GREY_DARK_5,
@@ -2477,7 +2487,7 @@ const c2 = (i, l) => {
2477
2487
  )
2478
2488
  ]
2479
2489
  }
2480
- ), R5 = ({
2490
+ ), D5 = ({
2481
2491
  width: i = 20,
2482
2492
  height: l = 20,
2483
2493
  color: C = a.GREY_DARK_5,
@@ -2517,7 +2527,7 @@ const c2 = (i, l) => {
2517
2527
  )
2518
2528
  ]
2519
2529
  }
2520
- ), x5 = ({
2530
+ ), E5 = ({
2521
2531
  width: i = 20,
2522
2532
  height: l = 20,
2523
2533
  color: C = a.GREY_DARK_5,
@@ -2578,7 +2588,7 @@ const c2 = (i, l) => {
2578
2588
  )
2579
2589
  ]
2580
2590
  }
2581
- ), A5 = ({
2591
+ ), G5 = ({
2582
2592
  width: i = 20,
2583
2593
  height: l = 20,
2584
2594
  color: C = a.GREY_DARK_5,
@@ -2618,7 +2628,7 @@ const c2 = (i, l) => {
2618
2628
  )
2619
2629
  ]
2620
2630
  }
2621
- ), D5 = ({
2631
+ ), K5 = ({
2622
2632
  width: i = 20,
2623
2633
  height: l = 20,
2624
2634
  color: C = a.GREY_DARK_5,
@@ -2651,45 +2661,45 @@ const c2 = (i, l) => {
2651
2661
  disabled: d = !1,
2652
2662
  onClick: r
2653
2663
  }) => {
2654
- const { theme: w } = X(s1), s = d ? w && w === "dark" ? a.GREY_LIGHT_4 : a.GREY_DARK_1 : t, o = d ? void 0 : r, c = r && !d ? `${h || ""} clickable` : h;
2655
- return /* @__PURE__ */ e(F, { children: (() => {
2664
+ const { theme: w } = Q(s1), s = d ? w && w === "dark" ? a.GREY_LIGHT_4 : a.GREY_DARK_1 : t, o = d ? void 0 : r, c = r && !d ? `${h || ""} clickable` : h;
2665
+ return /* @__PURE__ */ e(G, { children: (() => {
2656
2666
  switch (i) {
2657
2667
  case "arrow1Down":
2658
- return Z2({ width: l, height: C, color: s, className: c, onClick: o });
2668
+ return H2({ width: l, height: C, color: s, className: c, onClick: o });
2659
2669
  case "arrow1Up":
2660
- return u2({ width: l, height: C, color: s, className: c, onClick: o });
2670
+ return _2({ width: l, height: C, color: s, className: c, onClick: o });
2661
2671
  case "arrow1Right":
2662
- return V2({ width: l, height: C, color: s, className: c, onClick: o });
2672
+ return R2({ width: l, height: C, color: s, className: c, onClick: o });
2663
2673
  case "arrow1Left":
2664
- return _2({ width: l, height: C, color: s, className: c, onClick: o });
2674
+ return x2({ width: l, height: C, color: s, className: c, onClick: o });
2665
2675
  case "info":
2666
- return H2({ width: l, height: C, color: s, className: c, onClick: o });
2676
+ return A2({ width: l, height: C, color: s, className: c, onClick: o });
2667
2677
  case "archive":
2668
- return E2({ width: l, height: C, color: s, className: c, onClick: o });
2678
+ return Y2({ width: l, height: C, color: s, className: c, onClick: o });
2669
2679
  case "unarchive":
2670
- return G2({ width: l, height: C, color: s, className: c, onClick: o });
2680
+ return B2({ width: l, height: C, color: s, className: c, onClick: o });
2671
2681
  case "calendar":
2672
- return K2({ width: l, height: C, color: s, className: c, onClick: o });
2682
+ return b2({ width: l, height: C, color: s, className: c, onClick: o });
2673
2683
  case "check":
2674
- return Y2({ width: l, height: C, color: s, className: c, onClick: o });
2684
+ return y2({ width: l, height: C, color: s, className: c, onClick: o });
2675
2685
  case "cancel":
2676
- return B2({ width: l, height: C, color: s, className: c, onClick: o });
2686
+ return I2({ width: l, height: C, color: s, className: c, onClick: o });
2677
2687
  case "add":
2678
- return b2({ width: l, height: C, color: s, className: c, onClick: o });
2688
+ return O2({ width: l, height: C, color: s, className: c, onClick: o });
2679
2689
  case "list":
2680
- return y2({ width: l, height: C, color: s, className: c, onClick: o });
2690
+ return T2({ width: l, height: C, color: s, className: c, onClick: o });
2681
2691
  case "dragAndDrop":
2682
- return I2({ width: l, height: C, color: s, className: c, onClick: o });
2692
+ return S2({ width: l, height: C, color: s, className: c, onClick: o });
2683
2693
  case "filter1":
2684
- return O2({ width: l, height: C, color: s, className: c, onClick: o });
2694
+ return W2({ width: l, height: C, color: s, className: c, onClick: o });
2685
2695
  case "filter2":
2686
- return w5({ width: l, height: C, color: s, className: c, onClick: o });
2696
+ return m5({ width: l, height: C, color: s, className: c, onClick: o });
2687
2697
  case "attention":
2688
- return T2({ width: l, height: C, color: s, className: c, onClick: o });
2698
+ return j2({ width: l, height: C, color: s, className: c, onClick: o });
2689
2699
  case "users":
2690
- return S2({ width: l, height: C, color: s, className: c, onClick: o });
2700
+ return $2({ width: l, height: C, color: s, className: c, onClick: o });
2691
2701
  case "mySkillsMatrix":
2692
- return W2({
2702
+ return F2({
2693
2703
  width: l,
2694
2704
  height: C,
2695
2705
  color: s,
@@ -2697,9 +2707,9 @@ const c2 = (i, l) => {
2697
2707
  onClick: o
2698
2708
  });
2699
2709
  case "skills":
2700
- return j2({ width: l, height: C, color: s, className: c, onClick: o });
2710
+ return P2({ width: l, height: C, color: s, className: c, onClick: o });
2701
2711
  case "skillsMatrices":
2702
- return $2({
2712
+ return U2({
2703
2713
  width: l,
2704
2714
  height: C,
2705
2715
  color: s,
@@ -2707,21 +2717,21 @@ const c2 = (i, l) => {
2707
2717
  onClick: o
2708
2718
  });
2709
2719
  case "history":
2710
- return F2({ width: l, height: C, color: s, className: c, onClick: o });
2720
+ return z2({ width: l, height: C, color: s, className: c, onClick: o });
2711
2721
  case "logOut":
2712
- return P2({ width: l, height: C, color: s, className: c, onClick: o });
2722
+ return q2({ width: l, height: C, color: s, className: c, onClick: o });
2713
2723
  case "settings":
2714
- return U2({ width: l, height: C, color: s, className: c, onClick: o });
2724
+ return J2({ width: l, height: C, color: s, className: c, onClick: o });
2715
2725
  case "trash":
2716
- return z2({ width: l, height: C, color: s, className: c, onClick: o });
2726
+ return Q2({ width: l, height: C, color: s, className: c, onClick: o });
2717
2727
  case "settings2":
2718
- return q2({ width: l, height: C, color: s, className: c, onClick: o });
2728
+ return X2({ width: l, height: C, color: s, className: c, onClick: o });
2719
2729
  case "checkCircle":
2720
- return J2({ width: l, height: C, color: s, className: c, onClick: o });
2730
+ return C5({ width: l, height: C, color: s, className: c, onClick: o });
2721
2731
  case "cancelCircle":
2722
- return X2({ width: l, height: C, color: s, className: c, onClick: o });
2732
+ return l5({ width: l, height: C, color: s, className: c, onClick: o });
2723
2733
  case "visibilityIcon":
2724
- return Q2({
2734
+ return e5({
2725
2735
  width: l,
2726
2736
  height: C,
2727
2737
  color: s,
@@ -2729,7 +2739,7 @@ const c2 = (i, l) => {
2729
2739
  onClick: o
2730
2740
  });
2731
2741
  case "visibilityOffIcon":
2732
- return C5({
2742
+ return i5({
2733
2743
  width: l,
2734
2744
  height: C,
2735
2745
  color: s,
@@ -2737,79 +2747,79 @@ const c2 = (i, l) => {
2737
2747
  onClick: o
2738
2748
  });
2739
2749
  case "sortUp":
2740
- return l5({ width: l, height: C, color: s, className: c, onClick: o });
2750
+ return t5({ width: l, height: C, color: s, className: c, onClick: o });
2741
2751
  case "sortDown":
2742
- return e5({ width: l, height: C, color: s, className: c, onClick: o });
2752
+ return h5({ width: l, height: C, color: s, className: c, onClick: o });
2743
2753
  case "sortDouble":
2744
- return i5({ width: l, height: C, color: s, className: c, onClick: o });
2754
+ return o5({ width: l, height: C, color: s, className: c, onClick: o });
2745
2755
  case "search":
2746
- return t5({ width: l, height: C, color: s, className: c, onClick: o });
2756
+ return s5({ width: l, height: C, color: s, className: c, onClick: o });
2747
2757
  case "arrowUpFilled":
2748
- return o5({ width: l, height: C, color: s, className: c, onClick: o });
2758
+ return c5({ width: l, height: C, color: s, className: c, onClick: o });
2749
2759
  case "arrowDownFilled":
2750
- return h5({ width: l, height: C, color: s, className: c, onClick: o });
2760
+ return a5({ width: l, height: C, color: s, className: c, onClick: o });
2751
2761
  case "arrow2Up":
2752
- return R2({ width: l, height: C, color: s, className: c, onClick: o });
2762
+ return D2({ width: l, height: C, color: s, className: c, onClick: o });
2753
2763
  case "arrow2Right":
2754
- return x2({ width: l, height: C, color: s, className: c, onClick: o });
2764
+ return E2({ width: l, height: C, color: s, className: c, onClick: o });
2755
2765
  case "arrow2Down":
2756
- return A2({ width: l, height: C, color: s, className: c, onClick: o });
2766
+ return G2({ width: l, height: C, color: s, className: c, onClick: o });
2757
2767
  case "arrow2Left":
2758
- return D2({ width: l, height: C, color: s, className: c, onClick: o });
2768
+ return K2({ width: l, height: C, color: s, className: c, onClick: o });
2759
2769
  case "link":
2760
- return s5({ width: l, height: C, color: s, className: c, onClick: o });
2770
+ return n5({ width: l, height: C, color: s, className: c, onClick: o });
2761
2771
  case "telegram":
2762
- return c5({ width: l, height: C, color: s, className: c, onClick: o });
2772
+ return d5({ width: l, height: C, color: s, className: c, onClick: o });
2763
2773
  case "mail":
2764
- return r5({ width: l, height: C, color: s, className: c, onClick: o });
2774
+ return L5({ width: l, height: C, color: s, className: c, onClick: o });
2765
2775
  case "github":
2766
- return a5({ width: l, height: C, color: s, className: c, onClick: o });
2776
+ return r5({ width: l, height: C, color: s, className: c, onClick: o });
2767
2777
  case "linkedIn":
2768
- return n5({ width: l, height: C, color: s, className: c, onClick: o });
2778
+ return w5({ width: l, height: C, color: s, className: c, onClick: o });
2769
2779
  case "emptyStateIcon":
2770
- return d5({ width: l, height: C, color: s, className: c, onClick: o });
2780
+ return g5({ width: l, height: C, color: s, className: c, onClick: o });
2771
2781
  case "dotMenuIcon":
2772
- return L5({ width: l, height: C, color: s, className: c, onClick: o });
2782
+ return p5({ width: l, height: C, color: s, className: c, onClick: o });
2773
2783
  case "plusCircle":
2774
- return g5({ width: l, height: C, color: s, className: c, onClick: o });
2784
+ return f5({ width: l, height: C, color: s, className: c, onClick: o });
2775
2785
  case "warning":
2776
- return m5({ width: l, height: C, color: s, className: c, onClick: o });
2786
+ return v5({ width: l, height: C, color: s, className: c, onClick: o });
2777
2787
  case "bell":
2778
- return p5({ width: l, height: C, color: s, className: c, onClick: o });
2788
+ return k5({ width: l, height: C, color: s, className: c, onClick: o });
2779
2789
  case "copy":
2780
- return f5({ width: l, height: C, color: s, className: c, onClick: o });
2790
+ return M5({ width: l, height: C, color: s, className: c, onClick: o });
2781
2791
  case "contract":
2782
- return v5({ width: l, height: C, color: s, className: c, onClick: o });
2792
+ return N5({ width: l, height: C, color: s, className: c, onClick: o });
2783
2793
  case "resourceManager":
2784
- return k5({ width: l, height: C, color: s, className: c, onClick: o });
2794
+ return Z5({ width: l, height: C, color: s, className: c, onClick: o });
2785
2795
  case "image":
2786
- return M5({ width: l, height: C, color: s, className: c, onClick: o });
2796
+ return u5({ width: l, height: C, color: s, className: c, onClick: o });
2787
2797
  case "edit":
2788
- return N5({ width: l, height: C, color: s, className: c, onClick: o });
2798
+ return V5({ width: l, height: C, color: s, className: c, onClick: o });
2789
2799
  case "burgerMenu":
2790
- return Z5({ width: l, height: C, color: s, className: c, onClick: o });
2800
+ return H5({ width: l, height: C, color: s, className: c, onClick: o });
2791
2801
  case "refresh":
2792
- return u5({ width: l, height: C, color: s, className: c, onClick: o });
2802
+ return _5({ width: l, height: C, color: s, className: c, onClick: o });
2793
2803
  case "projects":
2794
- return V5({ width: l, height: C, color: s, className: c, onClick: o });
2804
+ return R5({ width: l, height: C, color: s, className: c, onClick: o });
2795
2805
  case "user":
2796
- return H5({ width: l, height: C, color: s, className: c, onClick: o });
2806
+ return A5({ width: l, height: C, color: s, className: c, onClick: o });
2797
2807
  case "exit":
2798
- return _5({ width: l, height: C, color: s, className: c, onClick: o });
2808
+ return x5({ width: l, height: C, color: s, className: c, onClick: o });
2799
2809
  case "status":
2800
- return R5({ width: l, height: C, color: s, className: c, onClick: o });
2810
+ return D5({ width: l, height: C, color: s, className: c, onClick: o });
2801
2811
  case "community":
2802
- return x5({ width: l, height: C, color: s, className: c, onClick: o });
2812
+ return E5({ width: l, height: C, color: s, className: c, onClick: o });
2803
2813
  case "docs":
2804
- return A5({ width: l, height: C, color: s, className: c, onClick: o });
2814
+ return G5({ width: l, height: C, color: s, className: c, onClick: o });
2805
2815
  case "unpaidLeave":
2806
- return D5({ width: l, height: C, color: s, className: c, onClick: o });
2816
+ return K5({ width: l, height: C, color: s, className: c, onClick: o });
2807
2817
  default:
2808
- return /* @__PURE__ */ e(F, { children: "No Icon provided" });
2818
+ return /* @__PURE__ */ e(G, { children: "No Icon provided" });
2809
2819
  }
2810
2820
  })() });
2811
- }, E5 = (i, { enabled: l = !0 } = {}) => {
2812
- const [C, t] = Z(!1), h = N(() => !l || !i || typeof i == "function" ? null : i.current, [l, i]), d = N(() => {
2821
+ }, Y5 = (i, { enabled: l = !0 } = {}) => {
2822
+ const [C, t] = u(!1), h = Z(() => !l || !i || typeof i == "function" ? null : i.current, [l, i]), d = Z(() => {
2813
2823
  const r = h();
2814
2824
  if (!r) {
2815
2825
  t(!1);
@@ -2838,12 +2848,22 @@ const c2 = (i, l) => {
2838
2848
  const w = new ResizeObserver(d);
2839
2849
  return w.observe(r), () => w.disconnect();
2840
2850
  }, [h, d]), C;
2841
- }, { Title: G5, Text: K5 } = g1, Y5 = {
2851
+ }, B5 = ({ children: i, title: l, arrow: C = !0, open: t, placement: h = "top" }) => /* @__PURE__ */ e(
2852
+ m1,
2853
+ {
2854
+ overlayClassName: "snmt-tooltip",
2855
+ title: l,
2856
+ arrow: C,
2857
+ open: t,
2858
+ placement: h,
2859
+ children: i
2860
+ }
2861
+ ), { Title: b5, Text: y5 } = g1, I5 = {
2842
2862
  h1: 1,
2843
2863
  h2: 2,
2844
2864
  h3: 3,
2845
2865
  h4: 4
2846
- }, B5 = J(
2866
+ }, O5 = J(
2847
2867
  ({
2848
2868
  align: i = "inherit",
2849
2869
  variant: l = "body1",
@@ -2854,29 +2874,24 @@ const c2 = (i, l) => {
2854
2874
  /** This prop allows you to enable tooltip if text size is too big */
2855
2875
  trim: r = !1
2856
2876
  }, w) => {
2857
- const s = T(null);
2877
+ const s = S(null);
2858
2878
  o1(w, () => s.current);
2859
- const o = E5(s, { enabled: r }), c = l === "h1" || l === "h2" || l === "h3" || l === "h4";
2860
- let v = `snmt-typography snmt-typography-${l}`;
2861
- i && i !== "inherit" && (v += ` snmt-typography-align-${i}`);
2862
- const p = {
2863
- className: v,
2879
+ const o = Y5(s, { enabled: r }), c = l === "h1" || l === "h2" || l === "h3" || l === "h4";
2880
+ let M = `snmt-typography snmt-typography-${l}`;
2881
+ i && i !== "inherit" && (M += ` snmt-typography-align-${i}`);
2882
+ const v = r && o, g = {
2883
+ className: M,
2864
2884
  style: {
2865
2885
  color: C,
2866
2886
  whiteSpace: d
2867
2887
  },
2868
2888
  onClick: h,
2869
2889
  ref: s,
2870
- ellipsis: r && o ? {
2871
- tooltip: {
2872
- title: t,
2873
- overlayClassName: "snmt-tooltip"
2874
- }
2875
- } : void 0
2876
- };
2877
- return c ? /* @__PURE__ */ e(G5, { level: Y5[l], ...p, children: t }) : /* @__PURE__ */ e(K5, { ...p, children: t });
2890
+ ellipsis: v || void 0
2891
+ }, m = /* @__PURE__ */ e(y5, { ...g, children: t });
2892
+ return c ? /* @__PURE__ */ e(b5, { level: I5[l], ...g, children: t }) : /* @__PURE__ */ e(G, { children: v ? /* @__PURE__ */ e(B5, { title: t, children: m }) : m });
2878
2893
  }
2879
- ), b5 = ({
2894
+ ), T5 = ({
2880
2895
  width: i = 20,
2881
2896
  height: l = 20,
2882
2897
  color: C = a.GREY_DARK_5,
@@ -2900,7 +2915,7 @@ const c2 = (i, l) => {
2900
2915
  }
2901
2916
  )
2902
2917
  }
2903
- ), y5 = ({
2918
+ ), S5 = ({
2904
2919
  width: i = 20,
2905
2920
  height: l = 20,
2906
2921
  color: C = a.GREY_DARK_5,
@@ -2924,7 +2939,7 @@ const c2 = (i, l) => {
2924
2939
  }
2925
2940
  )
2926
2941
  }
2927
- ), I5 = ({
2942
+ ), W5 = ({
2928
2943
  width: i = 20,
2929
2944
  height: l = 20,
2930
2945
  color: C = a.GREY_DARK_5,
@@ -2948,7 +2963,7 @@ const c2 = (i, l) => {
2948
2963
  }
2949
2964
  )
2950
2965
  }
2951
- ), O5 = ({
2966
+ ), j5 = ({
2952
2967
  width: i = 20,
2953
2968
  height: l = 20,
2954
2969
  color: C = a.GREY_DARK_5,
@@ -2973,7 +2988,7 @@ const c2 = (i, l) => {
2973
2988
  }
2974
2989
  )
2975
2990
  }
2976
- ), T5 = ({
2991
+ ), $5 = ({
2977
2992
  width: i = 20,
2978
2993
  height: l = 20,
2979
2994
  color: C = a.GREY_DARK_5,
@@ -3013,7 +3028,7 @@ const c2 = (i, l) => {
3013
3028
  )
3014
3029
  ]
3015
3030
  }
3016
- ), S5 = ({
3031
+ ), F5 = ({
3017
3032
  width: i = 20,
3018
3033
  height: l = 20,
3019
3034
  color: C = a.GREY_DARK_5,
@@ -3040,7 +3055,7 @@ const c2 = (i, l) => {
3040
3055
  /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1_2043", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
3041
3056
  ]
3042
3057
  }
3043
- ), W5 = ({
3058
+ ), P5 = ({
3044
3059
  width: i = 20,
3045
3060
  height: l = 20,
3046
3061
  color: C = a.GREY_DARK_5,
@@ -3064,7 +3079,7 @@ const c2 = (i, l) => {
3064
3079
  }
3065
3080
  )
3066
3081
  }
3067
- ), j5 = ({
3082
+ ), U5 = ({
3068
3083
  width: i = 20,
3069
3084
  height: l = 20,
3070
3085
  color: C = a.GREY_DARK_5,
@@ -3091,7 +3106,7 @@ const c2 = (i, l) => {
3091
3106
  /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1_2039", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
3092
3107
  ]
3093
3108
  }
3094
- ), $5 = ({
3109
+ ), z5 = ({
3095
3110
  width: i = 20,
3096
3111
  height: l = 20,
3097
3112
  color: C = a.GREY_DARK_5,
@@ -3115,7 +3130,7 @@ const c2 = (i, l) => {
3115
3130
  }
3116
3131
  )
3117
3132
  }
3118
- ), F5 = ({
3133
+ ), q5 = ({
3119
3134
  width: i = 20,
3120
3135
  height: l = 20,
3121
3136
  color: C = a.GREY_DARK_5,
@@ -3155,7 +3170,7 @@ const c2 = (i, l) => {
3155
3170
  )
3156
3171
  ]
3157
3172
  }
3158
- ), P5 = ({
3173
+ ), J5 = ({
3159
3174
  width: i = 20,
3160
3175
  height: l = 20,
3161
3176
  color: C = a.GREY_DARK_5,
@@ -3201,7 +3216,7 @@ const c2 = (i, l) => {
3201
3216
  )
3202
3217
  ]
3203
3218
  }
3204
- ), U5 = ({
3219
+ ), Q5 = ({
3205
3220
  width: i = 20,
3206
3221
  height: l = 20,
3207
3222
  color: C = a.GREY_DARK_5,
@@ -3248,7 +3263,7 @@ const c2 = (i, l) => {
3248
3263
  )
3249
3264
  ]
3250
3265
  }
3251
- ), z5 = ({
3266
+ ), X5 = ({
3252
3267
  width: i = 20,
3253
3268
  height: l = 20,
3254
3269
  color: C = a.GREY_DARK_5,
@@ -3272,7 +3287,7 @@ const c2 = (i, l) => {
3272
3287
  }
3273
3288
  )
3274
3289
  }
3275
- ), q5 = ({
3290
+ ), C7 = ({
3276
3291
  width: i = 20,
3277
3292
  height: l = 20,
3278
3293
  color: C = a.GREY_DARK_5,
@@ -3296,7 +3311,7 @@ const c2 = (i, l) => {
3296
3311
  }
3297
3312
  )
3298
3313
  }
3299
- ), J5 = ({
3314
+ ), l7 = ({
3300
3315
  width: i = 20,
3301
3316
  height: l = 20,
3302
3317
  color: C = a.GREY_DARK_5,
@@ -3320,7 +3335,7 @@ const c2 = (i, l) => {
3320
3335
  }
3321
3336
  )
3322
3337
  }
3323
- ), X5 = ({
3338
+ ), e7 = ({
3324
3339
  width: i = 20,
3325
3340
  height: l = 20,
3326
3341
  color: C = a.GREY_DARK_5,
@@ -3381,7 +3396,7 @@ const c2 = (i, l) => {
3381
3396
  )
3382
3397
  ]
3383
3398
  }
3384
- ), Q5 = ({
3399
+ ), i7 = ({
3385
3400
  width: i = 20,
3386
3401
  height: l = 20,
3387
3402
  color: C = a.GREY_DARK_5,
@@ -3428,7 +3443,7 @@ const c2 = (i, l) => {
3428
3443
  )
3429
3444
  ]
3430
3445
  }
3431
- ), C7 = ({
3446
+ ), t7 = ({
3432
3447
  width: i = 20,
3433
3448
  height: l = 20,
3434
3449
  color: C = a.GREY_DARK_5,
@@ -3468,7 +3483,7 @@ const c2 = (i, l) => {
3468
3483
  )
3469
3484
  ]
3470
3485
  }
3471
- ), l7 = ({
3486
+ ), h7 = ({
3472
3487
  width: i = 20,
3473
3488
  height: l = 20,
3474
3489
  color: C = a.GREY_DARK_5,
@@ -3508,7 +3523,7 @@ const c2 = (i, l) => {
3508
3523
  )
3509
3524
  ]
3510
3525
  }
3511
- ), e7 = ({
3526
+ ), o7 = ({
3512
3527
  width: i = 20,
3513
3528
  height: l = 20,
3514
3529
  color: C = a.GREY_DARK_5,
@@ -3555,7 +3570,7 @@ const c2 = (i, l) => {
3555
3570
  )
3556
3571
  ]
3557
3572
  }
3558
- ), i7 = ({
3573
+ ), s7 = ({
3559
3574
  width: i = 20,
3560
3575
  height: l = 20,
3561
3576
  color: C = a.GREY_DARK_5,
@@ -3602,7 +3617,7 @@ const c2 = (i, l) => {
3602
3617
  )
3603
3618
  ]
3604
3619
  }
3605
- ), t7 = ({
3620
+ ), a7 = ({
3606
3621
  width: i = 20,
3607
3622
  height: l = 20,
3608
3623
  color: C = a.GREY_DARK_5,
@@ -3649,7 +3664,7 @@ const c2 = (i, l) => {
3649
3664
  )
3650
3665
  ]
3651
3666
  }
3652
- ), h7 = ({
3667
+ ), c7 = ({
3653
3668
  width: i = 20,
3654
3669
  height: l = 20,
3655
3670
  color: C = a.GREY_DARK_5,
@@ -3689,7 +3704,7 @@ const c2 = (i, l) => {
3689
3704
  )
3690
3705
  ]
3691
3706
  }
3692
- ), o7 = ({
3707
+ ), n7 = ({
3693
3708
  width: i = 20,
3694
3709
  height: l = 20,
3695
3710
  color: C = a.GREY_DARK_5,
@@ -3722,7 +3737,7 @@ const c2 = (i, l) => {
3722
3737
  )
3723
3738
  ]
3724
3739
  }
3725
- ), s7 = ({
3740
+ ), r7 = ({
3726
3741
  width: i = 20,
3727
3742
  height: l = 20,
3728
3743
  color: C = a.GREY_DARK_5,
@@ -3755,7 +3770,7 @@ const c2 = (i, l) => {
3755
3770
  )
3756
3771
  ]
3757
3772
  }
3758
- ), a7 = ({
3773
+ ), d7 = ({
3759
3774
  width: i = 20,
3760
3775
  height: l = 20,
3761
3776
  color: C = a.GREY_DARK_5,
@@ -3788,7 +3803,7 @@ const c2 = (i, l) => {
3788
3803
  )
3789
3804
  ]
3790
3805
  }
3791
- ), c7 = ({
3806
+ ), w7 = ({
3792
3807
  width: i = 20,
3793
3808
  height: l = 20,
3794
3809
  color: C = a.GREY_DARK_5,
@@ -3821,7 +3836,7 @@ const c2 = (i, l) => {
3821
3836
  )
3822
3837
  ]
3823
3838
  }
3824
- ), n7 = ({
3839
+ ), L7 = ({
3825
3840
  width: i = 20,
3826
3841
  height: l = 20,
3827
3842
  color: C = a.GREY_DARK_5,
@@ -3861,7 +3876,7 @@ const c2 = (i, l) => {
3861
3876
  )
3862
3877
  ]
3863
3878
  }
3864
- ), r7 = ({
3879
+ ), g7 = ({
3865
3880
  width: i = 20,
3866
3881
  height: l = 20,
3867
3882
  color: C = a.GREY_DARK_5,
@@ -3894,7 +3909,7 @@ const c2 = (i, l) => {
3894
3909
  )
3895
3910
  ]
3896
3911
  }
3897
- ), d7 = ({
3912
+ ), m7 = ({
3898
3913
  width: i = 20,
3899
3914
  height: l = 20,
3900
3915
  color: C = a.GREY_DARK_5,
@@ -3927,7 +3942,7 @@ const c2 = (i, l) => {
3927
3942
  )
3928
3943
  ]
3929
3944
  }
3930
- ), w7 = ({
3945
+ ), p7 = ({
3931
3946
  width: i = 20,
3932
3947
  height: l = 20,
3933
3948
  color: C = "#070739",
@@ -3957,7 +3972,7 @@ const c2 = (i, l) => {
3957
3972
  /* @__PURE__ */ e("circle", { cx: "10", cy: "10", r: "2.375", stroke: C, strokeWidth: "1.25" })
3958
3973
  ]
3959
3974
  }
3960
- ), L7 = ({
3975
+ ), f7 = ({
3961
3976
  width: i = 20,
3962
3977
  height: l = 20,
3963
3978
  color: C = "#070739",
@@ -3995,7 +4010,7 @@ const c2 = (i, l) => {
3995
4010
  )
3996
4011
  ]
3997
4012
  }
3998
- ), g7 = ({
4013
+ ), v7 = ({
3999
4014
  width: i = 20,
4000
4015
  height: l = 20,
4001
4016
  color: C = a.GREY_DARK_5,
@@ -4028,7 +4043,7 @@ const c2 = (i, l) => {
4028
4043
  )
4029
4044
  ]
4030
4045
  }
4031
- ), m7 = ({
4046
+ ), k7 = ({
4032
4047
  width: i = 20,
4033
4048
  height: l = 20,
4034
4049
  color: C = a.GREY_DARK_5,
@@ -4061,7 +4076,7 @@ const c2 = (i, l) => {
4061
4076
  )
4062
4077
  ]
4063
4078
  }
4064
- ), p7 = ({
4079
+ ), M7 = ({
4065
4080
  width: i = 20,
4066
4081
  height: l = 20,
4067
4082
  color: C = a.GREY_DARK_5,
@@ -4108,7 +4123,7 @@ const c2 = (i, l) => {
4108
4123
  )
4109
4124
  ]
4110
4125
  }
4111
- ), f7 = ({
4126
+ ), N7 = ({
4112
4127
  className: i,
4113
4128
  color: l = a.GREY_DARK_5,
4114
4129
  height: C = 20,
@@ -4141,7 +4156,7 @@ const c2 = (i, l) => {
4141
4156
  )
4142
4157
  ]
4143
4158
  }
4144
- ), v7 = ({
4159
+ ), Z7 = ({
4145
4160
  className: i,
4146
4161
  color: l = a.GREY_DARK_5,
4147
4162
  height: C = 5,
@@ -4165,7 +4180,7 @@ const c2 = (i, l) => {
4165
4180
  }
4166
4181
  )
4167
4182
  }
4168
- ), k7 = ({
4183
+ ), u7 = ({
4169
4184
  className: i,
4170
4185
  color: l = a.GREY_DARK_5,
4171
4186
  height: C = 5,
@@ -4190,7 +4205,7 @@ const c2 = (i, l) => {
4190
4205
  }
4191
4206
  )
4192
4207
  }
4193
- ), M7 = ({
4208
+ ), V7 = ({
4194
4209
  className: i,
4195
4210
  color: l = a.GREY_DARK_5,
4196
4211
  height: C = 20,
@@ -4223,7 +4238,7 @@ const c2 = (i, l) => {
4223
4238
  )
4224
4239
  ]
4225
4240
  }
4226
- ), N7 = ({
4241
+ ), H7 = ({
4227
4242
  className: i,
4228
4243
  color: l = a.GREY_DARK_5,
4229
4244
  height: C = 20,
@@ -4262,7 +4277,7 @@ const c2 = (i, l) => {
4262
4277
  )
4263
4278
  ]
4264
4279
  }
4265
- ), Z7 = ({
4280
+ ), _7 = ({
4266
4281
  className: i,
4267
4282
  color: l = a.GREY_DARK_5,
4268
4283
  height: C = 20,
@@ -4286,7 +4301,7 @@ const c2 = (i, l) => {
4286
4301
  }
4287
4302
  )
4288
4303
  }
4289
- ), u7 = ({
4304
+ ), R7 = ({
4290
4305
  className: i,
4291
4306
  color: l = a.GREY_DARK_5,
4292
4307
  height: C = 20,
@@ -4333,7 +4348,7 @@ const c2 = (i, l) => {
4333
4348
  )
4334
4349
  ]
4335
4350
  }
4336
- ), V7 = ({
4351
+ ), x7 = ({
4337
4352
  className: i,
4338
4353
  color: l = a.GREY_DARK_5,
4339
4354
  height: C = 20,
@@ -4366,7 +4381,7 @@ const c2 = (i, l) => {
4366
4381
  )
4367
4382
  ]
4368
4383
  }
4369
- ), _7 = ({
4384
+ ), A7 = ({
4370
4385
  className: i,
4371
4386
  color: l = a.GREY_DARK_5,
4372
4387
  height: C = 20,
@@ -4403,7 +4418,7 @@ const c2 = (i, l) => {
4403
4418
  )
4404
4419
  ]
4405
4420
  }
4406
- ), H7 = ({
4421
+ ), D7 = ({
4407
4422
  className: i,
4408
4423
  color: l = a.GREY_DARK_5,
4409
4424
  height: C = 20,
@@ -4427,7 +4442,7 @@ const c2 = (i, l) => {
4427
4442
  }
4428
4443
  )
4429
4444
  }
4430
- ), R7 = ({
4445
+ ), E7 = ({
4431
4446
  className: i,
4432
4447
  color: l = a.GREY_DARK_5,
4433
4448
  height: C = 20,
@@ -4488,7 +4503,7 @@ const c2 = (i, l) => {
4488
4503
  )
4489
4504
  ]
4490
4505
  }
4491
- ), x7 = ({
4506
+ ), G7 = ({
4492
4507
  className: i,
4493
4508
  color: l = a.GREY_DARK_5,
4494
4509
  height: C = 20,
@@ -4525,7 +4540,7 @@ const c2 = (i, l) => {
4525
4540
  )
4526
4541
  ]
4527
4542
  }
4528
- ), A7 = ({
4543
+ ), K7 = ({
4529
4544
  className: i,
4530
4545
  color: l = a.GREY_DARK_5,
4531
4546
  height: C = 20,
@@ -4565,7 +4580,7 @@ const c2 = (i, l) => {
4565
4580
  )
4566
4581
  ]
4567
4582
  }
4568
- ), D7 = ({
4583
+ ), Y7 = ({
4569
4584
  className: i,
4570
4585
  color: l = a.GREY_DARK_5,
4571
4586
  height: C = 20,
@@ -4598,7 +4613,7 @@ const c2 = (i, l) => {
4598
4613
  )
4599
4614
  ]
4600
4615
  }
4601
- ), E7 = ({
4616
+ ), B7 = ({
4602
4617
  className: i,
4603
4618
  color: l = a.GREY_DARK_5,
4604
4619
  height: C = 20,
@@ -4631,7 +4646,7 @@ const c2 = (i, l) => {
4631
4646
  )
4632
4647
  ]
4633
4648
  }
4634
- ), G7 = ({
4649
+ ), b7 = ({
4635
4650
  className: i,
4636
4651
  color: l = a.GREY_DARK_5,
4637
4652
  height: C = 20,
@@ -4685,7 +4700,7 @@ const c2 = (i, l) => {
4685
4700
  )
4686
4701
  ]
4687
4702
  }
4688
- ), K7 = ({
4703
+ ), y7 = ({
4689
4704
  className: i,
4690
4705
  color: l = a.GREY_DARK_5,
4691
4706
  height: C = 20,
@@ -4732,7 +4747,7 @@ const c2 = (i, l) => {
4732
4747
  )
4733
4748
  ]
4734
4749
  }
4735
- ), Y7 = ({
4750
+ ), I7 = ({
4736
4751
  className: i,
4737
4752
  color: l = a.GREY_DARK_5,
4738
4753
  height: C = 20,
@@ -4772,7 +4787,7 @@ const c2 = (i, l) => {
4772
4787
  )
4773
4788
  ]
4774
4789
  }
4775
- ), B7 = ({
4790
+ ), O7 = ({
4776
4791
  className: i,
4777
4792
  color: l = a.GREY_DARK_5,
4778
4793
  height: C = 20,
@@ -4796,7 +4811,7 @@ const c2 = (i, l) => {
4796
4811
  }
4797
4812
  )
4798
4813
  }
4799
- ), b7 = ({
4814
+ ), T7 = ({
4800
4815
  className: i,
4801
4816
  color: l = a.GREY_DARK_5,
4802
4817
  height: C = 20,
@@ -4836,7 +4851,7 @@ const c2 = (i, l) => {
4836
4851
  )
4837
4852
  ]
4838
4853
  }
4839
- ), y7 = ({
4854
+ ), S7 = ({
4840
4855
  className: i,
4841
4856
  color: l = a.GREY_DARK_5,
4842
4857
  height: C = 20,
@@ -4876,7 +4891,7 @@ const c2 = (i, l) => {
4876
4891
  )
4877
4892
  ]
4878
4893
  }
4879
- ), I7 = ({
4894
+ ), W7 = ({
4880
4895
  width: i = 20,
4881
4896
  height: l = 20,
4882
4897
  color: C = a.GREY_DARK_5,
@@ -4900,7 +4915,7 @@ const c2 = (i, l) => {
4900
4915
  }
4901
4916
  )
4902
4917
  }
4903
- ), O7 = ({
4918
+ ), j7 = ({
4904
4919
  width: i = 24,
4905
4920
  height: l = 24,
4906
4921
  color: C = "#131314",
@@ -4933,7 +4948,7 @@ const c2 = (i, l) => {
4933
4948
  )
4934
4949
  ]
4935
4950
  }
4936
- ), T7 = ({
4951
+ ), $7 = ({
4937
4952
  width: i = 20,
4938
4953
  height: l = 20,
4939
4954
  color: C = a.GREY_DARK_5,
@@ -4966,7 +4981,7 @@ const c2 = (i, l) => {
4966
4981
  )
4967
4982
  ]
4968
4983
  }
4969
- ), S7 = ({
4984
+ ), F7 = ({
4970
4985
  width: i = 20,
4971
4986
  height: l = 20,
4972
4987
  color: C = a.GREY_DARK_5,
@@ -5006,7 +5021,7 @@ const c2 = (i, l) => {
5006
5021
  )
5007
5022
  ]
5008
5023
  }
5009
- ), W7 = ({
5024
+ ), P7 = ({
5010
5025
  width: i = 20,
5011
5026
  height: l = 20,
5012
5027
  color: C = a.GREY_DARK_5,
@@ -5067,7 +5082,7 @@ const c2 = (i, l) => {
5067
5082
  )
5068
5083
  ]
5069
5084
  }
5070
- ), j7 = ({
5085
+ ), U7 = ({
5071
5086
  width: i = 20,
5072
5087
  height: l = 20,
5073
5088
  color: C = a.GREY_DARK_5,
@@ -5107,7 +5122,7 @@ const c2 = (i, l) => {
5107
5122
  )
5108
5123
  ]
5109
5124
  }
5110
- ), $7 = ({
5125
+ ), z7 = ({
5111
5126
  width: i = 20,
5112
5127
  height: l = 20,
5113
5128
  color: C = a.GREY_DARK_5,
@@ -5131,7 +5146,7 @@ const c2 = (i, l) => {
5131
5146
  }
5132
5147
  )
5133
5148
  }
5134
- ), F7 = ({
5149
+ ), q7 = ({
5135
5150
  name: i,
5136
5151
  width: l,
5137
5152
  height: C,
@@ -5140,45 +5155,45 @@ const c2 = (i, l) => {
5140
5155
  disabled: d = !1,
5141
5156
  onClick: r
5142
5157
  }) => {
5143
- const { theme: w } = X(s1), s = d ? w && w === "dark" ? a.GREY_LIGHT_4 : a.GREY_DARK_1 : t, o = d ? void 0 : r, c = r && !d ? `${h || ""} clickable` : h;
5144
- return /* @__PURE__ */ e(F, { children: (() => {
5158
+ const { theme: w } = Q(s1), s = d ? w && w === "dark" ? a.GREY_LIGHT_4 : a.GREY_DARK_1 : t, o = d ? void 0 : r, c = r && !d ? `${h || ""} clickable` : h;
5159
+ return /* @__PURE__ */ e(G, { children: (() => {
5145
5160
  switch (i) {
5146
5161
  case "arrow1Down":
5147
- return b5({ width: l, height: C, color: s, className: c, onClick: o });
5162
+ return T5({ width: l, height: C, color: s, className: c, onClick: o });
5148
5163
  case "arrow1Up":
5149
- return y5({ width: l, height: C, color: s, className: c, onClick: o });
5164
+ return S5({ width: l, height: C, color: s, className: c, onClick: o });
5150
5165
  case "arrow1Right":
5151
- return I5({ width: l, height: C, color: s, className: c, onClick: o });
5166
+ return W5({ width: l, height: C, color: s, className: c, onClick: o });
5152
5167
  case "arrow1Left":
5153
- return O5({ width: l, height: C, color: s, className: c, onClick: o });
5168
+ return j5({ width: l, height: C, color: s, className: c, onClick: o });
5154
5169
  case "info":
5155
- return T5({ width: l, height: C, color: s, className: c, onClick: o });
5170
+ return $5({ width: l, height: C, color: s, className: c, onClick: o });
5156
5171
  case "archive":
5157
- return F5({ width: l, height: C, color: s, className: c, onClick: o });
5172
+ return q5({ width: l, height: C, color: s, className: c, onClick: o });
5158
5173
  case "unarchive":
5159
- return P5({ width: l, height: C, color: s, className: c, onClick: o });
5174
+ return J5({ width: l, height: C, color: s, className: c, onClick: o });
5160
5175
  case "calendar":
5161
- return U5({ width: l, height: C, color: s, className: c, onClick: o });
5176
+ return Q5({ width: l, height: C, color: s, className: c, onClick: o });
5162
5177
  case "check":
5163
- return z5({ width: l, height: C, color: s, className: c, onClick: o });
5178
+ return X5({ width: l, height: C, color: s, className: c, onClick: o });
5164
5179
  case "cancel":
5165
- return q5({ width: l, height: C, color: s, className: c, onClick: o });
5180
+ return C7({ width: l, height: C, color: s, className: c, onClick: o });
5166
5181
  case "add":
5167
- return J5({ width: l, height: C, color: s, className: c, onClick: o });
5182
+ return l7({ width: l, height: C, color: s, className: c, onClick: o });
5168
5183
  case "list":
5169
- return X5({ width: l, height: C, color: s, className: c, onClick: o });
5184
+ return e7({ width: l, height: C, color: s, className: c, onClick: o });
5170
5185
  case "dragAndDrop":
5171
- return Q5({ width: l, height: C, color: s, className: c, onClick: o });
5186
+ return i7({ width: l, height: C, color: s, className: c, onClick: o });
5172
5187
  case "filter1":
5173
- return C7({ width: l, height: C, color: s, className: c, onClick: o });
5188
+ return t7({ width: l, height: C, color: s, className: c, onClick: o });
5174
5189
  case "filter2":
5175
- return H7({ width: l, height: C, color: s, className: c, onClick: o });
5190
+ return D7({ width: l, height: C, color: s, className: c, onClick: o });
5176
5191
  case "attention":
5177
- return l7({ width: l, height: C, color: s, className: c, onClick: o });
5192
+ return h7({ width: l, height: C, color: s, className: c, onClick: o });
5178
5193
  case "users":
5179
- return e7({ width: l, height: C, color: s, className: c, onClick: o });
5194
+ return o7({ width: l, height: C, color: s, className: c, onClick: o });
5180
5195
  case "mySkillsMatrix":
5181
- return i7({
5196
+ return s7({
5182
5197
  width: l,
5183
5198
  height: C,
5184
5199
  color: s,
@@ -5186,9 +5201,9 @@ const c2 = (i, l) => {
5186
5201
  onClick: o
5187
5202
  });
5188
5203
  case "skills":
5189
- return t7({ width: l, height: C, color: s, className: c, onClick: o });
5204
+ return a7({ width: l, height: C, color: s, className: c, onClick: o });
5190
5205
  case "skillsMatrices":
5191
- return h7({
5206
+ return c7({
5192
5207
  width: l,
5193
5208
  height: C,
5194
5209
  color: s,
@@ -5196,21 +5211,21 @@ const c2 = (i, l) => {
5196
5211
  onClick: o
5197
5212
  });
5198
5213
  case "history":
5199
- return o7({ width: l, height: C, color: s, className: c, onClick: o });
5214
+ return n7({ width: l, height: C, color: s, className: c, onClick: o });
5200
5215
  case "logOut":
5201
- return s7({ width: l, height: C, color: s, className: c, onClick: o });
5216
+ return r7({ width: l, height: C, color: s, className: c, onClick: o });
5202
5217
  case "settings":
5203
- return a7({ width: l, height: C, color: s, className: c, onClick: o });
5218
+ return d7({ width: l, height: C, color: s, className: c, onClick: o });
5204
5219
  case "trash":
5205
- return c7({ width: l, height: C, color: s, className: c, onClick: o });
5220
+ return w7({ width: l, height: C, color: s, className: c, onClick: o });
5206
5221
  case "settings2":
5207
- return n7({ width: l, height: C, color: s, className: c, onClick: o });
5222
+ return L7({ width: l, height: C, color: s, className: c, onClick: o });
5208
5223
  case "checkCircle":
5209
- return r7({ width: l, height: C, color: s, className: c, onClick: o });
5224
+ return g7({ width: l, height: C, color: s, className: c, onClick: o });
5210
5225
  case "cancelCircle":
5211
- return d7({ width: l, height: C, color: s, className: c, onClick: o });
5226
+ return m7({ width: l, height: C, color: s, className: c, onClick: o });
5212
5227
  case "visibilityIcon":
5213
- return w7({
5228
+ return p7({
5214
5229
  width: l,
5215
5230
  height: C,
5216
5231
  color: s,
@@ -5218,7 +5233,7 @@ const c2 = (i, l) => {
5218
5233
  onClick: o
5219
5234
  });
5220
5235
  case "visibilityOffIcon":
5221
- return L7({
5236
+ return f7({
5222
5237
  width: l,
5223
5238
  height: C,
5224
5239
  color: s,
@@ -5226,78 +5241,78 @@ const c2 = (i, l) => {
5226
5241
  onClick: o
5227
5242
  });
5228
5243
  case "sortUp":
5229
- return g7({ width: l, height: C, color: s, className: c, onClick: o });
5244
+ return v7({ width: l, height: C, color: s, className: c, onClick: o });
5230
5245
  case "sortDown":
5231
- return m7({ width: l, height: C, color: s, className: c, onClick: o });
5246
+ return k7({ width: l, height: C, color: s, className: c, onClick: o });
5232
5247
  case "sortDouble":
5233
- return p7({ width: l, height: C, color: s, className: c, onClick: o });
5248
+ return M7({ width: l, height: C, color: s, className: c, onClick: o });
5234
5249
  case "search":
5235
- return f7({ width: l, height: C, color: s, className: c, onClick: o });
5250
+ return N7({ width: l, height: C, color: s, className: c, onClick: o });
5236
5251
  case "arrowUpFilled":
5237
- return k7({ width: l, height: C, color: s, className: c, onClick: o });
5252
+ return u7({ width: l, height: C, color: s, className: c, onClick: o });
5238
5253
  case "arrowDownFilled":
5239
- return v7({ width: l, height: C, color: s, className: c, onClick: o });
5254
+ return Z7({ width: l, height: C, color: s, className: c, onClick: o });
5240
5255
  case "arrow2Up":
5241
- return S5({ width: l, height: C, color: s, className: c, onClick: o });
5256
+ return F5({ width: l, height: C, color: s, className: c, onClick: o });
5242
5257
  case "arrow2Right":
5243
- return W5({ width: l, height: C, color: s, className: c, onClick: o });
5258
+ return P5({ width: l, height: C, color: s, className: c, onClick: o });
5244
5259
  case "arrow2Down":
5245
- return j5({ width: l, height: C, color: s, className: c, onClick: o });
5260
+ return U5({ width: l, height: C, color: s, className: c, onClick: o });
5246
5261
  case "arrow2Left":
5247
- return $5({ width: l, height: C, color: s, className: c, onClick: o });
5262
+ return z5({ width: l, height: C, color: s, className: c, onClick: o });
5248
5263
  case "link":
5249
- return M7({ width: l, height: C, color: s, className: c, onClick: o });
5264
+ return V7({ width: l, height: C, color: s, className: c, onClick: o });
5250
5265
  case "telegram":
5251
- return Z7({ width: l, height: C, color: s, className: c, onClick: o });
5266
+ return _7({ width: l, height: C, color: s, className: c, onClick: o });
5252
5267
  case "mail":
5253
- return V7({ width: l, height: C, color: s, className: c, onClick: o });
5268
+ return x7({ width: l, height: C, color: s, className: c, onClick: o });
5254
5269
  case "github":
5255
- return N7({ width: l, height: C, color: s, className: c, onClick: o });
5270
+ return H7({ width: l, height: C, color: s, className: c, onClick: o });
5256
5271
  case "linkedIn":
5257
- return u7({ width: l, height: C, color: s, className: c, onClick: o });
5272
+ return R7({ width: l, height: C, color: s, className: c, onClick: o });
5258
5273
  case "emptyStateIcon":
5259
- return _7({ width: l, height: C, color: s, className: c, onClick: o });
5274
+ return A7({ width: l, height: C, color: s, className: c, onClick: o });
5260
5275
  case "dotMenuIcon":
5261
- return R7({ width: l, height: C, color: s, className: c, onClick: o });
5276
+ return E7({ width: l, height: C, color: s, className: c, onClick: o });
5262
5277
  case "plusCircle":
5263
- return x7({ width: l, height: C, color: s, className: c, onClick: o });
5278
+ return G7({ width: l, height: C, color: s, className: c, onClick: o });
5264
5279
  case "warning":
5265
- return A7({ width: l, height: C, color: s, className: c, onClick: o });
5280
+ return K7({ width: l, height: C, color: s, className: c, onClick: o });
5266
5281
  case "bell":
5267
- return D7({ width: l, height: C, color: s, className: c, onClick: o });
5282
+ return Y7({ width: l, height: C, color: s, className: c, onClick: o });
5268
5283
  case "copy":
5269
- return E7({ width: l, height: C, color: s, className: c, onClick: o });
5284
+ return B7({ width: l, height: C, color: s, className: c, onClick: o });
5270
5285
  case "contract":
5271
- return G7({ width: l, height: C, color: s, className: c, onClick: o });
5286
+ return b7({ width: l, height: C, color: s, className: c, onClick: o });
5272
5287
  case "resourceManager":
5273
- return K7({ width: l, height: C, color: s, className: c, onClick: o });
5288
+ return y7({ width: l, height: C, color: s, className: c, onClick: o });
5274
5289
  case "image":
5275
- return Y7({ width: l, height: C, color: s, className: c, onClick: o });
5290
+ return I7({ width: l, height: C, color: s, className: c, onClick: o });
5276
5291
  case "edit":
5277
- return B7({ width: l, height: C, color: s, className: c, onClick: o });
5292
+ return O7({ width: l, height: C, color: s, className: c, onClick: o });
5278
5293
  case "burgerMenu":
5279
- return b7({ width: l, height: C, color: s, className: c, onClick: o });
5294
+ return T7({ width: l, height: C, color: s, className: c, onClick: o });
5280
5295
  case "refresh":
5281
- return y7({ width: l, height: C, color: s, className: c, onClick: o });
5296
+ return S7({ width: l, height: C, color: s, className: c, onClick: o });
5282
5297
  case "projects":
5283
- return I7({ width: l, height: C, color: s, className: c, onClick: o });
5298
+ return W7({ width: l, height: C, color: s, className: c, onClick: o });
5284
5299
  case "user":
5285
- return T7({ width: l, height: C, color: s, className: c, onClick: o });
5300
+ return $7({ width: l, height: C, color: s, className: c, onClick: o });
5286
5301
  case "exit":
5287
- return O7({ width: l, height: C, color: s, className: c, onClick: o });
5302
+ return j7({ width: l, height: C, color: s, className: c, onClick: o });
5288
5303
  case "status":
5289
- return S7({ width: l, height: C, color: s, className: c, onClick: o });
5304
+ return F7({ width: l, height: C, color: s, className: c, onClick: o });
5290
5305
  case "community":
5291
- return W7({ width: l, height: C, color: s, className: c, onClick: o });
5306
+ return P7({ width: l, height: C, color: s, className: c, onClick: o });
5292
5307
  case "docs":
5293
- return j7({ width: l, height: C, color: s, className: c, onClick: o });
5308
+ return U7({ width: l, height: C, color: s, className: c, onClick: o });
5294
5309
  case "unpaidLeave":
5295
- return $7({ width: l, height: C, color: s, className: c, onClick: o });
5310
+ return z7({ width: l, height: C, color: s, className: c, onClick: o });
5296
5311
  default:
5297
- return /* @__PURE__ */ e(F, { children: "No Icon provided" });
5312
+ return /* @__PURE__ */ e(G, { children: "No Icon provided" });
5298
5313
  }
5299
5314
  })() });
5300
- }, Y1 = ({
5315
+ }, B1 = ({
5301
5316
  children: i,
5302
5317
  width: l,
5303
5318
  size: C = "small",
@@ -5309,11 +5324,11 @@ const c2 = (i, l) => {
5309
5324
  d || t == null || t();
5310
5325
  };
5311
5326
  return /* @__PURE__ */ e(
5312
- V1,
5327
+ H1,
5313
5328
  {
5314
5329
  className: `snmt-tag ${C} ${d ? "disabled" : ""}`,
5315
5330
  closeIcon: /* @__PURE__ */ e(
5316
- F7,
5331
+ q7,
5317
5332
  {
5318
5333
  name: "cancelCircle",
5319
5334
  color: d ? a.GREY_DARK_1 : a.GREY_DARK_2,
@@ -5326,7 +5341,7 @@ const c2 = (i, l) => {
5326
5341
  style: { width: l ?? "fit-content" },
5327
5342
  closable: h,
5328
5343
  children: typeof i == "string" ? /* @__PURE__ */ e(
5329
- B5,
5344
+ O5,
5330
5345
  {
5331
5346
  variant: C === "small" ? "body4" : "body2",
5332
5347
  color: d ? a.GREY_DARK_2 : a.GREY_DARK_5,
@@ -5335,8 +5350,8 @@ const c2 = (i, l) => {
5335
5350
  ) : i
5336
5351
  }
5337
5352
  );
5338
- }, P7 = (i, { enabled: l = !0 } = {}) => {
5339
- const [C, t] = Z(!1), h = N(() => !l || !i || typeof i == "function" ? null : i.current, [l, i]), d = N(() => {
5353
+ }, J7 = (i, { enabled: l = !0 } = {}) => {
5354
+ const [C, t] = u(!1), h = Z(() => !l || !i || typeof i == "function" ? null : i.current, [l, i]), d = Z(() => {
5340
5355
  const r = h();
5341
5356
  if (!r) {
5342
5357
  t(!1);
@@ -5365,12 +5380,22 @@ const c2 = (i, l) => {
5365
5380
  const w = new ResizeObserver(d);
5366
5381
  return w.observe(r), () => w.disconnect();
5367
5382
  }, [h, d]), C;
5368
- }, { Title: U7, Text: z7 } = g1, q7 = {
5383
+ }, Q7 = ({ children: i, title: l, arrow: C = !0, open: t, placement: h = "top" }) => /* @__PURE__ */ e(
5384
+ m1,
5385
+ {
5386
+ overlayClassName: "snmt-tooltip",
5387
+ title: l,
5388
+ arrow: C,
5389
+ open: t,
5390
+ placement: h,
5391
+ children: i
5392
+ }
5393
+ ), { Title: X7, Text: C9 } = g1, l9 = {
5369
5394
  h1: 1,
5370
5395
  h2: 2,
5371
5396
  h3: 3,
5372
5397
  h4: 4
5373
- }, J7 = J(
5398
+ }, e9 = J(
5374
5399
  ({
5375
5400
  align: i = "inherit",
5376
5401
  variant: l = "body1",
@@ -5381,29 +5406,24 @@ const c2 = (i, l) => {
5381
5406
  /** This prop allows you to enable tooltip if text size is too big */
5382
5407
  trim: r = !1
5383
5408
  }, w) => {
5384
- const s = T(null);
5409
+ const s = S(null);
5385
5410
  o1(w, () => s.current);
5386
- const o = P7(s, { enabled: r }), c = l === "h1" || l === "h2" || l === "h3" || l === "h4";
5387
- let v = `snmt-typography snmt-typography-${l}`;
5388
- i && i !== "inherit" && (v += ` snmt-typography-align-${i}`);
5389
- const p = {
5390
- className: v,
5411
+ const o = J7(s, { enabled: r }), c = l === "h1" || l === "h2" || l === "h3" || l === "h4";
5412
+ let M = `snmt-typography snmt-typography-${l}`;
5413
+ i && i !== "inherit" && (M += ` snmt-typography-align-${i}`);
5414
+ const v = r && o, g = {
5415
+ className: M,
5391
5416
  style: {
5392
5417
  color: C,
5393
5418
  whiteSpace: d
5394
5419
  },
5395
5420
  onClick: h,
5396
5421
  ref: s,
5397
- ellipsis: r && o ? {
5398
- tooltip: {
5399
- title: t,
5400
- overlayClassName: "snmt-tooltip"
5401
- }
5402
- } : void 0
5403
- };
5404
- return c ? /* @__PURE__ */ e(U7, { level: q7[l], ...p, children: t }) : /* @__PURE__ */ e(z7, { ...p, children: t });
5422
+ ellipsis: v || void 0
5423
+ }, m = /* @__PURE__ */ e(C9, { ...g, children: t });
5424
+ return c ? /* @__PURE__ */ e(X7, { level: l9[l], ...g, children: t }) : /* @__PURE__ */ e(G, { children: v ? /* @__PURE__ */ e(Q7, { title: t, children: m }) : m });
5405
5425
  }
5406
- ), X7 = ({
5426
+ ), i9 = ({
5407
5427
  children: i,
5408
5428
  content: l,
5409
5429
  isOpen: C,
@@ -5412,9 +5432,9 @@ const c2 = (i, l) => {
5412
5432
  noPadding: d = !1,
5413
5433
  trigger: r = "click"
5414
5434
  }) => {
5415
- const [w, s] = Z(!1);
5435
+ const [w, s] = u(!1);
5416
5436
  return /* @__PURE__ */ e(
5417
- j1,
5437
+ $1,
5418
5438
  {
5419
5439
  content: l,
5420
5440
  arrow: !1,
@@ -5428,8 +5448,8 @@ const c2 = (i, l) => {
5428
5448
  children: /* @__PURE__ */ e("div", { className: "wrapper", children: i })
5429
5449
  }
5430
5450
  );
5431
- }, Q7 = (i, { enabled: l = !0 } = {}) => {
5432
- const [C, t] = Z(!1), h = N(() => !l || !i || typeof i == "function" ? null : i.current, [l, i]), d = N(() => {
5451
+ }, t9 = (i, { enabled: l = !0 } = {}) => {
5452
+ const [C, t] = u(!1), h = Z(() => !l || !i || typeof i == "function" ? null : i.current, [l, i]), d = Z(() => {
5433
5453
  const r = h();
5434
5454
  if (!r) {
5435
5455
  t(!1);
@@ -5458,12 +5478,22 @@ const c2 = (i, l) => {
5458
5478
  const w = new ResizeObserver(d);
5459
5479
  return w.observe(r), () => w.disconnect();
5460
5480
  }, [h, d]), C;
5461
- }, { Title: C9, Text: l9 } = g1, e9 = {
5481
+ }, h9 = ({ children: i, title: l, arrow: C = !0, open: t, placement: h = "top" }) => /* @__PURE__ */ e(
5482
+ m1,
5483
+ {
5484
+ overlayClassName: "snmt-tooltip",
5485
+ title: l,
5486
+ arrow: C,
5487
+ open: t,
5488
+ placement: h,
5489
+ children: i
5490
+ }
5491
+ ), { Title: o9, Text: s9 } = g1, a9 = {
5462
5492
  h1: 1,
5463
5493
  h2: 2,
5464
5494
  h3: 3,
5465
5495
  h4: 4
5466
- }, B1 = J(
5496
+ }, b1 = J(
5467
5497
  ({
5468
5498
  align: i = "inherit",
5469
5499
  variant: l = "body1",
@@ -5474,29 +5504,24 @@ const c2 = (i, l) => {
5474
5504
  /** This prop allows you to enable tooltip if text size is too big */
5475
5505
  trim: r = !1
5476
5506
  }, w) => {
5477
- const s = T(null);
5507
+ const s = S(null);
5478
5508
  o1(w, () => s.current);
5479
- const o = Q7(s, { enabled: r }), c = l === "h1" || l === "h2" || l === "h3" || l === "h4";
5480
- let v = `snmt-typography snmt-typography-${l}`;
5481
- i && i !== "inherit" && (v += ` snmt-typography-align-${i}`);
5482
- const p = {
5483
- className: v,
5509
+ const o = t9(s, { enabled: r }), c = l === "h1" || l === "h2" || l === "h3" || l === "h4";
5510
+ let M = `snmt-typography snmt-typography-${l}`;
5511
+ i && i !== "inherit" && (M += ` snmt-typography-align-${i}`);
5512
+ const v = r && o, g = {
5513
+ className: M,
5484
5514
  style: {
5485
5515
  color: C,
5486
5516
  whiteSpace: d
5487
5517
  },
5488
5518
  onClick: h,
5489
5519
  ref: s,
5490
- ellipsis: r && o ? {
5491
- tooltip: {
5492
- title: t,
5493
- overlayClassName: "snmt-tooltip"
5494
- }
5495
- } : void 0
5496
- };
5497
- return c ? /* @__PURE__ */ e(C9, { level: e9[l], ...p, children: t }) : /* @__PURE__ */ e(l9, { ...p, children: t });
5520
+ ellipsis: v || void 0
5521
+ }, m = /* @__PURE__ */ e(s9, { ...g, children: t });
5522
+ return c ? /* @__PURE__ */ e(o9, { level: a9[l], ...g, children: t }) : /* @__PURE__ */ e(G, { children: v ? /* @__PURE__ */ e(h9, { title: t, children: m }) : m });
5498
5523
  }
5499
- ), i9 = ({
5524
+ ), c9 = ({
5500
5525
  width: i = 20,
5501
5526
  height: l = 20,
5502
5527
  color: C = a.GREY_DARK_5,
@@ -5520,7 +5545,7 @@ const c2 = (i, l) => {
5520
5545
  }
5521
5546
  )
5522
5547
  }
5523
- ), t9 = ({
5548
+ ), n9 = ({
5524
5549
  width: i = 20,
5525
5550
  height: l = 20,
5526
5551
  color: C = a.GREY_DARK_5,
@@ -5544,7 +5569,7 @@ const c2 = (i, l) => {
5544
5569
  }
5545
5570
  )
5546
5571
  }
5547
- ), h9 = ({
5572
+ ), r9 = ({
5548
5573
  width: i = 20,
5549
5574
  height: l = 20,
5550
5575
  color: C = a.GREY_DARK_5,
@@ -5568,7 +5593,7 @@ const c2 = (i, l) => {
5568
5593
  }
5569
5594
  )
5570
5595
  }
5571
- ), o9 = ({
5596
+ ), d9 = ({
5572
5597
  width: i = 20,
5573
5598
  height: l = 20,
5574
5599
  color: C = a.GREY_DARK_5,
@@ -5593,7 +5618,7 @@ const c2 = (i, l) => {
5593
5618
  }
5594
5619
  )
5595
5620
  }
5596
- ), s9 = ({
5621
+ ), w9 = ({
5597
5622
  width: i = 20,
5598
5623
  height: l = 20,
5599
5624
  color: C = a.GREY_DARK_5,
@@ -5633,7 +5658,7 @@ const c2 = (i, l) => {
5633
5658
  )
5634
5659
  ]
5635
5660
  }
5636
- ), a9 = ({
5661
+ ), L9 = ({
5637
5662
  width: i = 20,
5638
5663
  height: l = 20,
5639
5664
  color: C = a.GREY_DARK_5,
@@ -5660,7 +5685,7 @@ const c2 = (i, l) => {
5660
5685
  /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1_2043", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
5661
5686
  ]
5662
5687
  }
5663
- ), c9 = ({
5688
+ ), g9 = ({
5664
5689
  width: i = 20,
5665
5690
  height: l = 20,
5666
5691
  color: C = a.GREY_DARK_5,
@@ -5684,7 +5709,7 @@ const c2 = (i, l) => {
5684
5709
  }
5685
5710
  )
5686
5711
  }
5687
- ), n9 = ({
5712
+ ), m9 = ({
5688
5713
  width: i = 20,
5689
5714
  height: l = 20,
5690
5715
  color: C = a.GREY_DARK_5,
@@ -5711,7 +5736,7 @@ const c2 = (i, l) => {
5711
5736
  /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1_2039", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
5712
5737
  ]
5713
5738
  }
5714
- ), r9 = ({
5739
+ ), p9 = ({
5715
5740
  width: i = 20,
5716
5741
  height: l = 20,
5717
5742
  color: C = a.GREY_DARK_5,
@@ -5735,7 +5760,7 @@ const c2 = (i, l) => {
5735
5760
  }
5736
5761
  )
5737
5762
  }
5738
- ), d9 = ({
5763
+ ), f9 = ({
5739
5764
  width: i = 20,
5740
5765
  height: l = 20,
5741
5766
  color: C = a.GREY_DARK_5,
@@ -5775,7 +5800,7 @@ const c2 = (i, l) => {
5775
5800
  )
5776
5801
  ]
5777
5802
  }
5778
- ), w9 = ({
5803
+ ), v9 = ({
5779
5804
  width: i = 20,
5780
5805
  height: l = 20,
5781
5806
  color: C = a.GREY_DARK_5,
@@ -5821,7 +5846,7 @@ const c2 = (i, l) => {
5821
5846
  )
5822
5847
  ]
5823
5848
  }
5824
- ), L9 = ({
5849
+ ), k9 = ({
5825
5850
  width: i = 20,
5826
5851
  height: l = 20,
5827
5852
  color: C = a.GREY_DARK_5,
@@ -5868,7 +5893,7 @@ const c2 = (i, l) => {
5868
5893
  )
5869
5894
  ]
5870
5895
  }
5871
- ), g9 = ({
5896
+ ), M9 = ({
5872
5897
  width: i = 20,
5873
5898
  height: l = 20,
5874
5899
  color: C = a.GREY_DARK_5,
@@ -5892,7 +5917,7 @@ const c2 = (i, l) => {
5892
5917
  }
5893
5918
  )
5894
5919
  }
5895
- ), m9 = ({
5920
+ ), N9 = ({
5896
5921
  width: i = 20,
5897
5922
  height: l = 20,
5898
5923
  color: C = a.GREY_DARK_5,
@@ -5916,7 +5941,7 @@ const c2 = (i, l) => {
5916
5941
  }
5917
5942
  )
5918
5943
  }
5919
- ), p9 = ({
5944
+ ), Z9 = ({
5920
5945
  width: i = 20,
5921
5946
  height: l = 20,
5922
5947
  color: C = a.GREY_DARK_5,
@@ -5940,7 +5965,7 @@ const c2 = (i, l) => {
5940
5965
  }
5941
5966
  )
5942
5967
  }
5943
- ), f9 = ({
5968
+ ), u9 = ({
5944
5969
  width: i = 20,
5945
5970
  height: l = 20,
5946
5971
  color: C = a.GREY_DARK_5,
@@ -6001,7 +6026,7 @@ const c2 = (i, l) => {
6001
6026
  )
6002
6027
  ]
6003
6028
  }
6004
- ), v9 = ({
6029
+ ), V9 = ({
6005
6030
  width: i = 20,
6006
6031
  height: l = 20,
6007
6032
  color: C = a.GREY_DARK_5,
@@ -6048,7 +6073,7 @@ const c2 = (i, l) => {
6048
6073
  )
6049
6074
  ]
6050
6075
  }
6051
- ), k9 = ({
6076
+ ), H9 = ({
6052
6077
  width: i = 20,
6053
6078
  height: l = 20,
6054
6079
  color: C = a.GREY_DARK_5,
@@ -6088,7 +6113,7 @@ const c2 = (i, l) => {
6088
6113
  )
6089
6114
  ]
6090
6115
  }
6091
- ), M9 = ({
6116
+ ), _9 = ({
6092
6117
  width: i = 20,
6093
6118
  height: l = 20,
6094
6119
  color: C = a.GREY_DARK_5,
@@ -6128,7 +6153,7 @@ const c2 = (i, l) => {
6128
6153
  )
6129
6154
  ]
6130
6155
  }
6131
- ), N9 = ({
6156
+ ), R9 = ({
6132
6157
  width: i = 20,
6133
6158
  height: l = 20,
6134
6159
  color: C = a.GREY_DARK_5,
@@ -6175,7 +6200,7 @@ const c2 = (i, l) => {
6175
6200
  )
6176
6201
  ]
6177
6202
  }
6178
- ), Z9 = ({
6203
+ ), x9 = ({
6179
6204
  width: i = 20,
6180
6205
  height: l = 20,
6181
6206
  color: C = a.GREY_DARK_5,
@@ -6222,7 +6247,7 @@ const c2 = (i, l) => {
6222
6247
  )
6223
6248
  ]
6224
6249
  }
6225
- ), u9 = ({
6250
+ ), A9 = ({
6226
6251
  width: i = 20,
6227
6252
  height: l = 20,
6228
6253
  color: C = a.GREY_DARK_5,
@@ -6269,7 +6294,7 @@ const c2 = (i, l) => {
6269
6294
  )
6270
6295
  ]
6271
6296
  }
6272
- ), V9 = ({
6297
+ ), D9 = ({
6273
6298
  width: i = 20,
6274
6299
  height: l = 20,
6275
6300
  color: C = a.GREY_DARK_5,
@@ -6309,7 +6334,7 @@ const c2 = (i, l) => {
6309
6334
  )
6310
6335
  ]
6311
6336
  }
6312
- ), _9 = ({
6337
+ ), E9 = ({
6313
6338
  width: i = 20,
6314
6339
  height: l = 20,
6315
6340
  color: C = a.GREY_DARK_5,
@@ -6342,7 +6367,7 @@ const c2 = (i, l) => {
6342
6367
  )
6343
6368
  ]
6344
6369
  }
6345
- ), H9 = ({
6370
+ ), G9 = ({
6346
6371
  width: i = 20,
6347
6372
  height: l = 20,
6348
6373
  color: C = a.GREY_DARK_5,
@@ -6375,7 +6400,7 @@ const c2 = (i, l) => {
6375
6400
  )
6376
6401
  ]
6377
6402
  }
6378
- ), R9 = ({
6403
+ ), K9 = ({
6379
6404
  width: i = 20,
6380
6405
  height: l = 20,
6381
6406
  color: C = a.GREY_DARK_5,
@@ -6408,7 +6433,7 @@ const c2 = (i, l) => {
6408
6433
  )
6409
6434
  ]
6410
6435
  }
6411
- ), x9 = ({
6436
+ ), Y9 = ({
6412
6437
  width: i = 20,
6413
6438
  height: l = 20,
6414
6439
  color: C = a.GREY_DARK_5,
@@ -6441,7 +6466,7 @@ const c2 = (i, l) => {
6441
6466
  )
6442
6467
  ]
6443
6468
  }
6444
- ), A9 = ({
6469
+ ), B9 = ({
6445
6470
  width: i = 20,
6446
6471
  height: l = 20,
6447
6472
  color: C = a.GREY_DARK_5,
@@ -6481,7 +6506,7 @@ const c2 = (i, l) => {
6481
6506
  )
6482
6507
  ]
6483
6508
  }
6484
- ), D9 = ({
6509
+ ), b9 = ({
6485
6510
  width: i = 20,
6486
6511
  height: l = 20,
6487
6512
  color: C = a.GREY_DARK_5,
@@ -6514,7 +6539,7 @@ const c2 = (i, l) => {
6514
6539
  )
6515
6540
  ]
6516
6541
  }
6517
- ), E9 = ({
6542
+ ), y9 = ({
6518
6543
  width: i = 20,
6519
6544
  height: l = 20,
6520
6545
  color: C = a.GREY_DARK_5,
@@ -6547,7 +6572,7 @@ const c2 = (i, l) => {
6547
6572
  )
6548
6573
  ]
6549
6574
  }
6550
- ), G9 = ({
6575
+ ), I9 = ({
6551
6576
  width: i = 20,
6552
6577
  height: l = 20,
6553
6578
  color: C = "#070739",
@@ -6577,7 +6602,7 @@ const c2 = (i, l) => {
6577
6602
  /* @__PURE__ */ e("circle", { cx: "10", cy: "10", r: "2.375", stroke: C, strokeWidth: "1.25" })
6578
6603
  ]
6579
6604
  }
6580
- ), K9 = ({
6605
+ ), O9 = ({
6581
6606
  width: i = 20,
6582
6607
  height: l = 20,
6583
6608
  color: C = "#070739",
@@ -6615,7 +6640,7 @@ const c2 = (i, l) => {
6615
6640
  )
6616
6641
  ]
6617
6642
  }
6618
- ), Y9 = ({
6643
+ ), T9 = ({
6619
6644
  width: i = 20,
6620
6645
  height: l = 20,
6621
6646
  color: C = a.GREY_DARK_5,
@@ -6648,7 +6673,7 @@ const c2 = (i, l) => {
6648
6673
  )
6649
6674
  ]
6650
6675
  }
6651
- ), B9 = ({
6676
+ ), S9 = ({
6652
6677
  width: i = 20,
6653
6678
  height: l = 20,
6654
6679
  color: C = a.GREY_DARK_5,
@@ -6681,7 +6706,7 @@ const c2 = (i, l) => {
6681
6706
  )
6682
6707
  ]
6683
6708
  }
6684
- ), b9 = ({
6709
+ ), W9 = ({
6685
6710
  width: i = 20,
6686
6711
  height: l = 20,
6687
6712
  color: C = a.GREY_DARK_5,
@@ -6728,7 +6753,7 @@ const c2 = (i, l) => {
6728
6753
  )
6729
6754
  ]
6730
6755
  }
6731
- ), y9 = ({
6756
+ ), j9 = ({
6732
6757
  className: i,
6733
6758
  color: l = a.GREY_DARK_5,
6734
6759
  height: C = 20,
@@ -6761,7 +6786,7 @@ const c2 = (i, l) => {
6761
6786
  )
6762
6787
  ]
6763
6788
  }
6764
- ), I9 = ({
6789
+ ), $9 = ({
6765
6790
  className: i,
6766
6791
  color: l = a.GREY_DARK_5,
6767
6792
  height: C = 5,
@@ -6785,7 +6810,7 @@ const c2 = (i, l) => {
6785
6810
  }
6786
6811
  )
6787
6812
  }
6788
- ), O9 = ({
6813
+ ), F9 = ({
6789
6814
  className: i,
6790
6815
  color: l = a.GREY_DARK_5,
6791
6816
  height: C = 5,
@@ -6810,7 +6835,7 @@ const c2 = (i, l) => {
6810
6835
  }
6811
6836
  )
6812
6837
  }
6813
- ), T9 = ({
6838
+ ), P9 = ({
6814
6839
  className: i,
6815
6840
  color: l = a.GREY_DARK_5,
6816
6841
  height: C = 20,
@@ -6843,7 +6868,7 @@ const c2 = (i, l) => {
6843
6868
  )
6844
6869
  ]
6845
6870
  }
6846
- ), S9 = ({
6871
+ ), U9 = ({
6847
6872
  className: i,
6848
6873
  color: l = a.GREY_DARK_5,
6849
6874
  height: C = 20,
@@ -6882,7 +6907,7 @@ const c2 = (i, l) => {
6882
6907
  )
6883
6908
  ]
6884
6909
  }
6885
- ), W9 = ({
6910
+ ), z9 = ({
6886
6911
  className: i,
6887
6912
  color: l = a.GREY_DARK_5,
6888
6913
  height: C = 20,
@@ -6906,7 +6931,7 @@ const c2 = (i, l) => {
6906
6931
  }
6907
6932
  )
6908
6933
  }
6909
- ), j9 = ({
6934
+ ), q9 = ({
6910
6935
  className: i,
6911
6936
  color: l = a.GREY_DARK_5,
6912
6937
  height: C = 20,
@@ -6953,7 +6978,7 @@ const c2 = (i, l) => {
6953
6978
  )
6954
6979
  ]
6955
6980
  }
6956
- ), $9 = ({
6981
+ ), J9 = ({
6957
6982
  className: i,
6958
6983
  color: l = a.GREY_DARK_5,
6959
6984
  height: C = 20,
@@ -6986,7 +7011,7 @@ const c2 = (i, l) => {
6986
7011
  )
6987
7012
  ]
6988
7013
  }
6989
- ), F9 = ({
7014
+ ), Q9 = ({
6990
7015
  className: i,
6991
7016
  color: l = a.GREY_DARK_5,
6992
7017
  height: C = 20,
@@ -7023,7 +7048,7 @@ const c2 = (i, l) => {
7023
7048
  )
7024
7049
  ]
7025
7050
  }
7026
- ), P9 = ({
7051
+ ), X9 = ({
7027
7052
  className: i,
7028
7053
  color: l = a.GREY_DARK_5,
7029
7054
  height: C = 20,
@@ -7047,7 +7072,7 @@ const c2 = (i, l) => {
7047
7072
  }
7048
7073
  )
7049
7074
  }
7050
- ), U9 = ({
7075
+ ), C4 = ({
7051
7076
  className: i,
7052
7077
  color: l = a.GREY_DARK_5,
7053
7078
  height: C = 20,
@@ -7108,7 +7133,7 @@ const c2 = (i, l) => {
7108
7133
  )
7109
7134
  ]
7110
7135
  }
7111
- ), z9 = ({
7136
+ ), l4 = ({
7112
7137
  className: i,
7113
7138
  color: l = a.GREY_DARK_5,
7114
7139
  height: C = 20,
@@ -7145,7 +7170,7 @@ const c2 = (i, l) => {
7145
7170
  )
7146
7171
  ]
7147
7172
  }
7148
- ), q9 = ({
7173
+ ), e4 = ({
7149
7174
  className: i,
7150
7175
  color: l = a.GREY_DARK_5,
7151
7176
  height: C = 20,
@@ -7185,7 +7210,7 @@ const c2 = (i, l) => {
7185
7210
  )
7186
7211
  ]
7187
7212
  }
7188
- ), J9 = ({
7213
+ ), i4 = ({
7189
7214
  className: i,
7190
7215
  color: l = a.GREY_DARK_5,
7191
7216
  height: C = 20,
@@ -7218,7 +7243,7 @@ const c2 = (i, l) => {
7218
7243
  )
7219
7244
  ]
7220
7245
  }
7221
- ), X9 = ({
7246
+ ), t4 = ({
7222
7247
  className: i,
7223
7248
  color: l = a.GREY_DARK_5,
7224
7249
  height: C = 20,
@@ -7251,7 +7276,7 @@ const c2 = (i, l) => {
7251
7276
  )
7252
7277
  ]
7253
7278
  }
7254
- ), Q9 = ({
7279
+ ), h4 = ({
7255
7280
  className: i,
7256
7281
  color: l = a.GREY_DARK_5,
7257
7282
  height: C = 20,
@@ -7305,7 +7330,7 @@ const c2 = (i, l) => {
7305
7330
  )
7306
7331
  ]
7307
7332
  }
7308
- ), C4 = ({
7333
+ ), o4 = ({
7309
7334
  className: i,
7310
7335
  color: l = a.GREY_DARK_5,
7311
7336
  height: C = 20,
@@ -7352,7 +7377,7 @@ const c2 = (i, l) => {
7352
7377
  )
7353
7378
  ]
7354
7379
  }
7355
- ), l4 = ({
7380
+ ), s4 = ({
7356
7381
  className: i,
7357
7382
  color: l = a.GREY_DARK_5,
7358
7383
  height: C = 20,
@@ -7392,7 +7417,7 @@ const c2 = (i, l) => {
7392
7417
  )
7393
7418
  ]
7394
7419
  }
7395
- ), e4 = ({
7420
+ ), a4 = ({
7396
7421
  className: i,
7397
7422
  color: l = a.GREY_DARK_5,
7398
7423
  height: C = 20,
@@ -7416,7 +7441,7 @@ const c2 = (i, l) => {
7416
7441
  }
7417
7442
  )
7418
7443
  }
7419
- ), i4 = ({
7444
+ ), c4 = ({
7420
7445
  className: i,
7421
7446
  color: l = a.GREY_DARK_5,
7422
7447
  height: C = 20,
@@ -7456,7 +7481,7 @@ const c2 = (i, l) => {
7456
7481
  )
7457
7482
  ]
7458
7483
  }
7459
- ), t4 = ({
7484
+ ), n4 = ({
7460
7485
  className: i,
7461
7486
  color: l = a.GREY_DARK_5,
7462
7487
  height: C = 20,
@@ -7496,7 +7521,7 @@ const c2 = (i, l) => {
7496
7521
  )
7497
7522
  ]
7498
7523
  }
7499
- ), h4 = ({
7524
+ ), r4 = ({
7500
7525
  width: i = 20,
7501
7526
  height: l = 20,
7502
7527
  color: C = a.GREY_DARK_5,
@@ -7520,7 +7545,7 @@ const c2 = (i, l) => {
7520
7545
  }
7521
7546
  )
7522
7547
  }
7523
- ), o4 = ({
7548
+ ), d4 = ({
7524
7549
  width: i = 24,
7525
7550
  height: l = 24,
7526
7551
  color: C = "#131314",
@@ -7553,7 +7578,7 @@ const c2 = (i, l) => {
7553
7578
  )
7554
7579
  ]
7555
7580
  }
7556
- ), s4 = ({
7581
+ ), w4 = ({
7557
7582
  width: i = 20,
7558
7583
  height: l = 20,
7559
7584
  color: C = a.GREY_DARK_5,
@@ -7586,7 +7611,7 @@ const c2 = (i, l) => {
7586
7611
  )
7587
7612
  ]
7588
7613
  }
7589
- ), a4 = ({
7614
+ ), L4 = ({
7590
7615
  width: i = 20,
7591
7616
  height: l = 20,
7592
7617
  color: C = a.GREY_DARK_5,
@@ -7626,7 +7651,7 @@ const c2 = (i, l) => {
7626
7651
  )
7627
7652
  ]
7628
7653
  }
7629
- ), c4 = ({
7654
+ ), g4 = ({
7630
7655
  width: i = 20,
7631
7656
  height: l = 20,
7632
7657
  color: C = a.GREY_DARK_5,
@@ -7687,7 +7712,7 @@ const c2 = (i, l) => {
7687
7712
  )
7688
7713
  ]
7689
7714
  }
7690
- ), n4 = ({
7715
+ ), m4 = ({
7691
7716
  width: i = 20,
7692
7717
  height: l = 20,
7693
7718
  color: C = a.GREY_DARK_5,
@@ -7727,7 +7752,7 @@ const c2 = (i, l) => {
7727
7752
  )
7728
7753
  ]
7729
7754
  }
7730
- ), r4 = ({
7755
+ ), p4 = ({
7731
7756
  width: i = 20,
7732
7757
  height: l = 20,
7733
7758
  color: C = a.GREY_DARK_5,
@@ -7751,7 +7776,7 @@ const c2 = (i, l) => {
7751
7776
  }
7752
7777
  )
7753
7778
  }
7754
- ), N1 = ({
7779
+ ), Z1 = ({
7755
7780
  name: i,
7756
7781
  width: l,
7757
7782
  height: C,
@@ -7760,45 +7785,45 @@ const c2 = (i, l) => {
7760
7785
  disabled: d = !1,
7761
7786
  onClick: r
7762
7787
  }) => {
7763
- const { theme: w } = X(s1), s = d ? w && w === "dark" ? a.GREY_LIGHT_4 : a.GREY_DARK_1 : t, o = d ? void 0 : r, c = r && !d ? `${h || ""} clickable` : h;
7764
- return /* @__PURE__ */ e(F, { children: (() => {
7788
+ const { theme: w } = Q(s1), s = d ? w && w === "dark" ? a.GREY_LIGHT_4 : a.GREY_DARK_1 : t, o = d ? void 0 : r, c = r && !d ? `${h || ""} clickable` : h;
7789
+ return /* @__PURE__ */ e(G, { children: (() => {
7765
7790
  switch (i) {
7766
7791
  case "arrow1Down":
7767
- return i9({ width: l, height: C, color: s, className: c, onClick: o });
7792
+ return c9({ width: l, height: C, color: s, className: c, onClick: o });
7768
7793
  case "arrow1Up":
7769
- return t9({ width: l, height: C, color: s, className: c, onClick: o });
7794
+ return n9({ width: l, height: C, color: s, className: c, onClick: o });
7770
7795
  case "arrow1Right":
7771
- return h9({ width: l, height: C, color: s, className: c, onClick: o });
7796
+ return r9({ width: l, height: C, color: s, className: c, onClick: o });
7772
7797
  case "arrow1Left":
7773
- return o9({ width: l, height: C, color: s, className: c, onClick: o });
7798
+ return d9({ width: l, height: C, color: s, className: c, onClick: o });
7774
7799
  case "info":
7775
- return s9({ width: l, height: C, color: s, className: c, onClick: o });
7800
+ return w9({ width: l, height: C, color: s, className: c, onClick: o });
7776
7801
  case "archive":
7777
- return d9({ width: l, height: C, color: s, className: c, onClick: o });
7802
+ return f9({ width: l, height: C, color: s, className: c, onClick: o });
7778
7803
  case "unarchive":
7779
- return w9({ width: l, height: C, color: s, className: c, onClick: o });
7804
+ return v9({ width: l, height: C, color: s, className: c, onClick: o });
7780
7805
  case "calendar":
7781
- return L9({ width: l, height: C, color: s, className: c, onClick: o });
7806
+ return k9({ width: l, height: C, color: s, className: c, onClick: o });
7782
7807
  case "check":
7783
- return g9({ width: l, height: C, color: s, className: c, onClick: o });
7808
+ return M9({ width: l, height: C, color: s, className: c, onClick: o });
7784
7809
  case "cancel":
7785
- return m9({ width: l, height: C, color: s, className: c, onClick: o });
7810
+ return N9({ width: l, height: C, color: s, className: c, onClick: o });
7786
7811
  case "add":
7787
- return p9({ width: l, height: C, color: s, className: c, onClick: o });
7812
+ return Z9({ width: l, height: C, color: s, className: c, onClick: o });
7788
7813
  case "list":
7789
- return f9({ width: l, height: C, color: s, className: c, onClick: o });
7814
+ return u9({ width: l, height: C, color: s, className: c, onClick: o });
7790
7815
  case "dragAndDrop":
7791
- return v9({ width: l, height: C, color: s, className: c, onClick: o });
7816
+ return V9({ width: l, height: C, color: s, className: c, onClick: o });
7792
7817
  case "filter1":
7793
- return k9({ width: l, height: C, color: s, className: c, onClick: o });
7818
+ return H9({ width: l, height: C, color: s, className: c, onClick: o });
7794
7819
  case "filter2":
7795
- return P9({ width: l, height: C, color: s, className: c, onClick: o });
7820
+ return X9({ width: l, height: C, color: s, className: c, onClick: o });
7796
7821
  case "attention":
7797
- return M9({ width: l, height: C, color: s, className: c, onClick: o });
7822
+ return _9({ width: l, height: C, color: s, className: c, onClick: o });
7798
7823
  case "users":
7799
- return N9({ width: l, height: C, color: s, className: c, onClick: o });
7824
+ return R9({ width: l, height: C, color: s, className: c, onClick: o });
7800
7825
  case "mySkillsMatrix":
7801
- return Z9({
7826
+ return x9({
7802
7827
  width: l,
7803
7828
  height: C,
7804
7829
  color: s,
@@ -7806,9 +7831,9 @@ const c2 = (i, l) => {
7806
7831
  onClick: o
7807
7832
  });
7808
7833
  case "skills":
7809
- return u9({ width: l, height: C, color: s, className: c, onClick: o });
7834
+ return A9({ width: l, height: C, color: s, className: c, onClick: o });
7810
7835
  case "skillsMatrices":
7811
- return V9({
7836
+ return D9({
7812
7837
  width: l,
7813
7838
  height: C,
7814
7839
  color: s,
@@ -7816,21 +7841,21 @@ const c2 = (i, l) => {
7816
7841
  onClick: o
7817
7842
  });
7818
7843
  case "history":
7819
- return _9({ width: l, height: C, color: s, className: c, onClick: o });
7844
+ return E9({ width: l, height: C, color: s, className: c, onClick: o });
7820
7845
  case "logOut":
7821
- return H9({ width: l, height: C, color: s, className: c, onClick: o });
7846
+ return G9({ width: l, height: C, color: s, className: c, onClick: o });
7822
7847
  case "settings":
7823
- return R9({ width: l, height: C, color: s, className: c, onClick: o });
7848
+ return K9({ width: l, height: C, color: s, className: c, onClick: o });
7824
7849
  case "trash":
7825
- return x9({ width: l, height: C, color: s, className: c, onClick: o });
7850
+ return Y9({ width: l, height: C, color: s, className: c, onClick: o });
7826
7851
  case "settings2":
7827
- return A9({ width: l, height: C, color: s, className: c, onClick: o });
7852
+ return B9({ width: l, height: C, color: s, className: c, onClick: o });
7828
7853
  case "checkCircle":
7829
- return D9({ width: l, height: C, color: s, className: c, onClick: o });
7854
+ return b9({ width: l, height: C, color: s, className: c, onClick: o });
7830
7855
  case "cancelCircle":
7831
- return E9({ width: l, height: C, color: s, className: c, onClick: o });
7856
+ return y9({ width: l, height: C, color: s, className: c, onClick: o });
7832
7857
  case "visibilityIcon":
7833
- return G9({
7858
+ return I9({
7834
7859
  width: l,
7835
7860
  height: C,
7836
7861
  color: s,
@@ -7838,7 +7863,7 @@ const c2 = (i, l) => {
7838
7863
  onClick: o
7839
7864
  });
7840
7865
  case "visibilityOffIcon":
7841
- return K9({
7866
+ return O9({
7842
7867
  width: l,
7843
7868
  height: C,
7844
7869
  color: s,
@@ -7846,78 +7871,78 @@ const c2 = (i, l) => {
7846
7871
  onClick: o
7847
7872
  });
7848
7873
  case "sortUp":
7849
- return Y9({ width: l, height: C, color: s, className: c, onClick: o });
7874
+ return T9({ width: l, height: C, color: s, className: c, onClick: o });
7850
7875
  case "sortDown":
7851
- return B9({ width: l, height: C, color: s, className: c, onClick: o });
7876
+ return S9({ width: l, height: C, color: s, className: c, onClick: o });
7852
7877
  case "sortDouble":
7853
- return b9({ width: l, height: C, color: s, className: c, onClick: o });
7878
+ return W9({ width: l, height: C, color: s, className: c, onClick: o });
7854
7879
  case "search":
7855
- return y9({ width: l, height: C, color: s, className: c, onClick: o });
7880
+ return j9({ width: l, height: C, color: s, className: c, onClick: o });
7856
7881
  case "arrowUpFilled":
7857
- return O9({ width: l, height: C, color: s, className: c, onClick: o });
7882
+ return F9({ width: l, height: C, color: s, className: c, onClick: o });
7858
7883
  case "arrowDownFilled":
7859
- return I9({ width: l, height: C, color: s, className: c, onClick: o });
7884
+ return $9({ width: l, height: C, color: s, className: c, onClick: o });
7860
7885
  case "arrow2Up":
7861
- return a9({ width: l, height: C, color: s, className: c, onClick: o });
7886
+ return L9({ width: l, height: C, color: s, className: c, onClick: o });
7862
7887
  case "arrow2Right":
7863
- return c9({ width: l, height: C, color: s, className: c, onClick: o });
7888
+ return g9({ width: l, height: C, color: s, className: c, onClick: o });
7864
7889
  case "arrow2Down":
7865
- return n9({ width: l, height: C, color: s, className: c, onClick: o });
7890
+ return m9({ width: l, height: C, color: s, className: c, onClick: o });
7866
7891
  case "arrow2Left":
7867
- return r9({ width: l, height: C, color: s, className: c, onClick: o });
7892
+ return p9({ width: l, height: C, color: s, className: c, onClick: o });
7868
7893
  case "link":
7869
- return T9({ width: l, height: C, color: s, className: c, onClick: o });
7894
+ return P9({ width: l, height: C, color: s, className: c, onClick: o });
7870
7895
  case "telegram":
7871
- return W9({ width: l, height: C, color: s, className: c, onClick: o });
7896
+ return z9({ width: l, height: C, color: s, className: c, onClick: o });
7872
7897
  case "mail":
7873
- return $9({ width: l, height: C, color: s, className: c, onClick: o });
7898
+ return J9({ width: l, height: C, color: s, className: c, onClick: o });
7874
7899
  case "github":
7875
- return S9({ width: l, height: C, color: s, className: c, onClick: o });
7900
+ return U9({ width: l, height: C, color: s, className: c, onClick: o });
7876
7901
  case "linkedIn":
7877
- return j9({ width: l, height: C, color: s, className: c, onClick: o });
7902
+ return q9({ width: l, height: C, color: s, className: c, onClick: o });
7878
7903
  case "emptyStateIcon":
7879
- return F9({ width: l, height: C, color: s, className: c, onClick: o });
7904
+ return Q9({ width: l, height: C, color: s, className: c, onClick: o });
7880
7905
  case "dotMenuIcon":
7881
- return U9({ width: l, height: C, color: s, className: c, onClick: o });
7906
+ return C4({ width: l, height: C, color: s, className: c, onClick: o });
7882
7907
  case "plusCircle":
7883
- return z9({ width: l, height: C, color: s, className: c, onClick: o });
7908
+ return l4({ width: l, height: C, color: s, className: c, onClick: o });
7884
7909
  case "warning":
7885
- return q9({ width: l, height: C, color: s, className: c, onClick: o });
7910
+ return e4({ width: l, height: C, color: s, className: c, onClick: o });
7886
7911
  case "bell":
7887
- return J9({ width: l, height: C, color: s, className: c, onClick: o });
7912
+ return i4({ width: l, height: C, color: s, className: c, onClick: o });
7888
7913
  case "copy":
7889
- return X9({ width: l, height: C, color: s, className: c, onClick: o });
7914
+ return t4({ width: l, height: C, color: s, className: c, onClick: o });
7890
7915
  case "contract":
7891
- return Q9({ width: l, height: C, color: s, className: c, onClick: o });
7916
+ return h4({ width: l, height: C, color: s, className: c, onClick: o });
7892
7917
  case "resourceManager":
7893
- return C4({ width: l, height: C, color: s, className: c, onClick: o });
7918
+ return o4({ width: l, height: C, color: s, className: c, onClick: o });
7894
7919
  case "image":
7895
- return l4({ width: l, height: C, color: s, className: c, onClick: o });
7920
+ return s4({ width: l, height: C, color: s, className: c, onClick: o });
7896
7921
  case "edit":
7897
- return e4({ width: l, height: C, color: s, className: c, onClick: o });
7922
+ return a4({ width: l, height: C, color: s, className: c, onClick: o });
7898
7923
  case "burgerMenu":
7899
- return i4({ width: l, height: C, color: s, className: c, onClick: o });
7924
+ return c4({ width: l, height: C, color: s, className: c, onClick: o });
7900
7925
  case "refresh":
7901
- return t4({ width: l, height: C, color: s, className: c, onClick: o });
7926
+ return n4({ width: l, height: C, color: s, className: c, onClick: o });
7902
7927
  case "projects":
7903
- return h4({ width: l, height: C, color: s, className: c, onClick: o });
7928
+ return r4({ width: l, height: C, color: s, className: c, onClick: o });
7904
7929
  case "user":
7905
- return s4({ width: l, height: C, color: s, className: c, onClick: o });
7930
+ return w4({ width: l, height: C, color: s, className: c, onClick: o });
7906
7931
  case "exit":
7907
- return o4({ width: l, height: C, color: s, className: c, onClick: o });
7932
+ return d4({ width: l, height: C, color: s, className: c, onClick: o });
7908
7933
  case "status":
7909
- return a4({ width: l, height: C, color: s, className: c, onClick: o });
7934
+ return L4({ width: l, height: C, color: s, className: c, onClick: o });
7910
7935
  case "community":
7911
- return c4({ width: l, height: C, color: s, className: c, onClick: o });
7936
+ return g4({ width: l, height: C, color: s, className: c, onClick: o });
7912
7937
  case "docs":
7913
- return n4({ width: l, height: C, color: s, className: c, onClick: o });
7938
+ return m4({ width: l, height: C, color: s, className: c, onClick: o });
7914
7939
  case "unpaidLeave":
7915
- return r4({ width: l, height: C, color: s, className: c, onClick: o });
7940
+ return p4({ width: l, height: C, color: s, className: c, onClick: o });
7916
7941
  default:
7917
- return /* @__PURE__ */ e(F, { children: "No Icon provided" });
7942
+ return /* @__PURE__ */ e(G, { children: "No Icon provided" });
7918
7943
  }
7919
7944
  })() });
7920
- }, d4 = ({
7945
+ }, f4 = ({
7921
7946
  text: i,
7922
7947
  color: l = "cyan",
7923
7948
  size: C = "medium",
@@ -7933,17 +7958,17 @@ const c2 = (i, l) => {
7933
7958
  purple: a.PURPLE_LIGHT
7934
7959
  };
7935
7960
  return /* @__PURE__ */ e(
7936
- V1,
7961
+ H1,
7937
7962
  {
7938
7963
  className: `snmt-regular-badge snmt-regular-badge--${C}`,
7939
7964
  style: {
7940
7965
  background: r[d],
7941
7966
  width: t ?? "fit-content"
7942
7967
  },
7943
- children: /* @__PURE__ */ e(B1, { variant: h, color: a.GREY_DARK_4, children: i })
7968
+ children: /* @__PURE__ */ e(b1, { variant: h, color: a.GREY_DARK_4, children: i })
7944
7969
  }
7945
7970
  );
7946
- }, w4 = ({
7971
+ }, v4 = ({
7947
7972
  text: i,
7948
7973
  status: l,
7949
7974
  withIcon: C = !1,
@@ -7951,7 +7976,7 @@ const c2 = (i, l) => {
7951
7976
  }) => {
7952
7977
  const h = {
7953
7978
  approved: /* @__PURE__ */ e(
7954
- N1,
7979
+ Z1,
7955
7980
  {
7956
7981
  name: "checkCircle",
7957
7982
  width: 14,
@@ -7959,9 +7984,9 @@ const c2 = (i, l) => {
7959
7984
  color: a.NOTIFICATION_SUCCESS_DARK
7960
7985
  }
7961
7986
  ),
7962
- pending: /* @__PURE__ */ e(N1, { name: "history", width: 14, height: 14, color: a.NOTIFICATION_WARNING_DARK }),
7987
+ pending: /* @__PURE__ */ e(Z1, { name: "history", width: 14, height: 14, color: a.NOTIFICATION_WARNING_DARK }),
7963
7988
  rejected: /* @__PURE__ */ e(
7964
- N1,
7989
+ Z1,
7965
7990
  {
7966
7991
  name: "cancelCircle",
7967
7992
  width: 14,
@@ -7969,7 +7994,7 @@ const c2 = (i, l) => {
7969
7994
  color: a.NOTIFICATION_ERROR_DARK
7970
7995
  }
7971
7996
  ),
7972
- canceled: /* @__PURE__ */ e(N1, { name: "cancelCircle", width: 14, height: 14, color: a.GREY_DARK_2 })
7997
+ canceled: /* @__PURE__ */ e(Z1, { name: "cancelCircle", width: 14, height: 14, color: a.GREY_DARK_2 })
7973
7998
  }, d = {
7974
7999
  approved: a.NOTIFICATION_SUCCESS_LIGHT,
7975
8000
  pending: a.NOTIFICATION_WARNING_LIGHT,
@@ -7982,29 +8007,29 @@ const c2 = (i, l) => {
7982
8007
  canceled: a.GREY_DARK_3
7983
8008
  };
7984
8009
  return /* @__PURE__ */ n(
7985
- V1,
8010
+ H1,
7986
8011
  {
7987
8012
  className: `snmt-status-badge snmt-status-badge--${C ? "with-icon" : "without-icon"}`,
7988
8013
  style: { background: d[l], width: t ?? "fit-content" },
7989
8014
  children: [
7990
8015
  C && h[l],
7991
- /* @__PURE__ */ e(B1, { variant: "body4", color: r[l], children: i })
8016
+ /* @__PURE__ */ e(b1, { variant: "body4", color: r[l], children: i })
7992
8017
  ]
7993
8018
  }
7994
8019
  );
7995
- }, b1 = (i) => i.variant === "status" ? /* @__PURE__ */ e(w4, { ...i }) : /* @__PURE__ */ e(d4, { ...i });
7996
- var L4 = { exports: {} };
8020
+ }, y1 = (i) => i.variant === "status" ? /* @__PURE__ */ e(v4, { ...i }) : /* @__PURE__ */ e(f4, { ...i });
8021
+ var k4 = { exports: {} };
7997
8022
  (function(i, l) {
7998
8023
  (function(C, t) {
7999
8024
  i.exports = t();
8000
- })(U1, function() {
8025
+ })(z1, function() {
8001
8026
  return { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(C) {
8002
8027
  var t = ["th", "st", "nd", "rd"], h = C % 100;
8003
8028
  return "[" + C + (t[(h - 20) % 10] || t[h] || t[0]) + "]";
8004
8029
  } };
8005
8030
  });
8006
- })(L4);
8007
- const g4 = ({
8031
+ })(k4);
8032
+ const M4 = ({
8008
8033
  values: i,
8009
8034
  onTagClose: l,
8010
8035
  maxWidth: C,
@@ -8014,48 +8039,48 @@ const g4 = ({
8014
8039
  extraOptions: r,
8015
8040
  selectedItemVariant: w = "default"
8016
8041
  }) => {
8017
- const { locale: s } = X(s1), { t: o } = r2("common", { lng: s }), [c, v] = Z(!1);
8018
- if (O(() => {
8019
- i.length || v(!1);
8042
+ const { locale: s } = Q(s1), { t: o } = d2("common", { lng: s }), [c, M] = u(!1);
8043
+ if (T(() => {
8044
+ i.length || M(!1);
8020
8045
  }, [i]), !i.length)
8021
8046
  return null;
8022
- const p = (M) => {
8023
- var E, x;
8024
- return ((E = d == null ? void 0 : d.find((I) => I.value === M)) == null ? void 0 : E.label) || ((x = r == null ? void 0 : r.find((I) => I.value === M)) == null ? void 0 : x.label) || M;
8047
+ const v = (g) => {
8048
+ var m, A;
8049
+ return ((m = d == null ? void 0 : d.find((O) => O.value === g)) == null ? void 0 : m.label) || ((A = r == null ? void 0 : r.find((O) => O.value === g)) == null ? void 0 : A.label) || g;
8025
8050
  };
8026
8051
  return /* @__PURE__ */ n(
8027
- X7,
8052
+ i9,
8028
8053
  {
8029
8054
  content: (
8030
8055
  // 90: paddings + margins + gaps and so on
8031
- /* @__PURE__ */ e("div", { style: { maxWidth: C - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ e(w1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: M }) => {
8032
- const E = w === "badge" && d.find(
8033
- (x) => x.label === p(M)
8056
+ /* @__PURE__ */ e("div", { style: { maxWidth: C - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ e(w1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: g }) => {
8057
+ const m = w === "badge" && d.find(
8058
+ (A) => A.label === v(g)
8034
8059
  );
8035
8060
  return w === "badge" ? /* @__PURE__ */ e(
8036
- b1,
8061
+ y1,
8037
8062
  {
8038
8063
  variant: "regular",
8039
8064
  size: "small",
8040
- color: E ? E.color : void 0,
8041
- text: p(M)
8065
+ color: m ? m.color : void 0,
8066
+ text: v(g)
8042
8067
  },
8043
- M
8068
+ g
8044
8069
  ) : /* @__PURE__ */ e(
8045
- Y1,
8070
+ B1,
8046
8071
  {
8047
- onClose: () => l(M),
8072
+ onClose: () => l(g),
8048
8073
  closable: t,
8049
8074
  disabled: h,
8050
- children: p(M)
8075
+ children: v(g)
8051
8076
  },
8052
- M
8077
+ g
8053
8078
  );
8054
8079
  }) }) })
8055
8080
  ),
8056
8081
  placement: "bottomRight",
8057
8082
  isOpen: c,
8058
- setIsOpen: v,
8083
+ setIsOpen: M,
8059
8084
  children: [
8060
8085
  i.length,
8061
8086
  " ",
@@ -8063,17 +8088,17 @@ const g4 = ({
8063
8088
  ]
8064
8089
  }
8065
8090
  );
8066
- }, m4 = {
8091
+ }, N4 = {
8067
8092
  small: 20,
8068
8093
  medium: 28,
8069
8094
  large: 48
8070
- }, D1 = ({ size: i = "medium", color: l = a.BLUE_PRIMARY }) => {
8095
+ }, E1 = ({ size: i = "medium", color: l = a.BLUE_PRIMARY }) => {
8071
8096
  const C = {
8072
- width: m4[i],
8097
+ width: N4[i],
8073
8098
  "--loader-color": l
8074
8099
  };
8075
8100
  return /* @__PURE__ */ e("span", { className: "snmt-loader", style: C });
8076
- }, p4 = ({
8101
+ }, Z4 = ({
8077
8102
  width: i = 20,
8078
8103
  height: l = 20,
8079
8104
  color: C = a.GREY_DARK_5,
@@ -8097,7 +8122,7 @@ const g4 = ({
8097
8122
  }
8098
8123
  )
8099
8124
  }
8100
- ), f4 = ({
8125
+ ), u4 = ({
8101
8126
  width: i = 20,
8102
8127
  height: l = 20,
8103
8128
  color: C = a.GREY_DARK_5,
@@ -8121,7 +8146,7 @@ const g4 = ({
8121
8146
  }
8122
8147
  )
8123
8148
  }
8124
- ), v4 = ({
8149
+ ), V4 = ({
8125
8150
  width: i = 20,
8126
8151
  height: l = 20,
8127
8152
  color: C = a.GREY_DARK_5,
@@ -8145,7 +8170,7 @@ const g4 = ({
8145
8170
  }
8146
8171
  )
8147
8172
  }
8148
- ), k4 = ({
8173
+ ), H4 = ({
8149
8174
  width: i = 20,
8150
8175
  height: l = 20,
8151
8176
  color: C = a.GREY_DARK_5,
@@ -8170,7 +8195,7 @@ const g4 = ({
8170
8195
  }
8171
8196
  )
8172
8197
  }
8173
- ), M4 = ({
8198
+ ), _4 = ({
8174
8199
  width: i = 20,
8175
8200
  height: l = 20,
8176
8201
  color: C = a.GREY_DARK_5,
@@ -8210,7 +8235,7 @@ const g4 = ({
8210
8235
  )
8211
8236
  ]
8212
8237
  }
8213
- ), N4 = ({
8238
+ ), R4 = ({
8214
8239
  width: i = 20,
8215
8240
  height: l = 20,
8216
8241
  color: C = a.GREY_DARK_5,
@@ -8237,7 +8262,7 @@ const g4 = ({
8237
8262
  /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1_2043", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
8238
8263
  ]
8239
8264
  }
8240
- ), Z4 = ({
8265
+ ), x4 = ({
8241
8266
  width: i = 20,
8242
8267
  height: l = 20,
8243
8268
  color: C = a.GREY_DARK_5,
@@ -8261,7 +8286,7 @@ const g4 = ({
8261
8286
  }
8262
8287
  )
8263
8288
  }
8264
- ), u4 = ({
8289
+ ), A4 = ({
8265
8290
  width: i = 20,
8266
8291
  height: l = 20,
8267
8292
  color: C = a.GREY_DARK_5,
@@ -8288,7 +8313,7 @@ const g4 = ({
8288
8313
  /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1_2039", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
8289
8314
  ]
8290
8315
  }
8291
- ), V4 = ({
8316
+ ), D4 = ({
8292
8317
  width: i = 20,
8293
8318
  height: l = 20,
8294
8319
  color: C = a.GREY_DARK_5,
@@ -8312,7 +8337,7 @@ const g4 = ({
8312
8337
  }
8313
8338
  )
8314
8339
  }
8315
- ), _4 = ({
8340
+ ), E4 = ({
8316
8341
  width: i = 20,
8317
8342
  height: l = 20,
8318
8343
  color: C = a.GREY_DARK_5,
@@ -8352,7 +8377,7 @@ const g4 = ({
8352
8377
  )
8353
8378
  ]
8354
8379
  }
8355
- ), H4 = ({
8380
+ ), G4 = ({
8356
8381
  width: i = 20,
8357
8382
  height: l = 20,
8358
8383
  color: C = a.GREY_DARK_5,
@@ -8398,7 +8423,7 @@ const g4 = ({
8398
8423
  )
8399
8424
  ]
8400
8425
  }
8401
- ), R4 = ({
8426
+ ), K4 = ({
8402
8427
  width: i = 20,
8403
8428
  height: l = 20,
8404
8429
  color: C = a.GREY_DARK_5,
@@ -8445,7 +8470,7 @@ const g4 = ({
8445
8470
  )
8446
8471
  ]
8447
8472
  }
8448
- ), x4 = ({
8473
+ ), Y4 = ({
8449
8474
  width: i = 20,
8450
8475
  height: l = 20,
8451
8476
  color: C = a.GREY_DARK_5,
@@ -8469,7 +8494,7 @@ const g4 = ({
8469
8494
  }
8470
8495
  )
8471
8496
  }
8472
- ), A4 = ({
8497
+ ), B4 = ({
8473
8498
  width: i = 20,
8474
8499
  height: l = 20,
8475
8500
  color: C = a.GREY_DARK_5,
@@ -8493,7 +8518,7 @@ const g4 = ({
8493
8518
  }
8494
8519
  )
8495
8520
  }
8496
- ), D4 = ({
8521
+ ), b4 = ({
8497
8522
  width: i = 20,
8498
8523
  height: l = 20,
8499
8524
  color: C = a.GREY_DARK_5,
@@ -8517,7 +8542,7 @@ const g4 = ({
8517
8542
  }
8518
8543
  )
8519
8544
  }
8520
- ), E4 = ({
8545
+ ), y4 = ({
8521
8546
  width: i = 20,
8522
8547
  height: l = 20,
8523
8548
  color: C = a.GREY_DARK_5,
@@ -8578,7 +8603,7 @@ const g4 = ({
8578
8603
  )
8579
8604
  ]
8580
8605
  }
8581
- ), G4 = ({
8606
+ ), I4 = ({
8582
8607
  width: i = 20,
8583
8608
  height: l = 20,
8584
8609
  color: C = a.GREY_DARK_5,
@@ -8625,7 +8650,7 @@ const g4 = ({
8625
8650
  )
8626
8651
  ]
8627
8652
  }
8628
- ), K4 = ({
8653
+ ), O4 = ({
8629
8654
  width: i = 20,
8630
8655
  height: l = 20,
8631
8656
  color: C = a.GREY_DARK_5,
@@ -8665,7 +8690,7 @@ const g4 = ({
8665
8690
  )
8666
8691
  ]
8667
8692
  }
8668
- ), Y4 = ({
8693
+ ), T4 = ({
8669
8694
  width: i = 20,
8670
8695
  height: l = 20,
8671
8696
  color: C = a.GREY_DARK_5,
@@ -8705,7 +8730,7 @@ const g4 = ({
8705
8730
  )
8706
8731
  ]
8707
8732
  }
8708
- ), B4 = ({
8733
+ ), S4 = ({
8709
8734
  width: i = 20,
8710
8735
  height: l = 20,
8711
8736
  color: C = a.GREY_DARK_5,
@@ -8752,7 +8777,7 @@ const g4 = ({
8752
8777
  )
8753
8778
  ]
8754
8779
  }
8755
- ), b4 = ({
8780
+ ), W4 = ({
8756
8781
  width: i = 20,
8757
8782
  height: l = 20,
8758
8783
  color: C = a.GREY_DARK_5,
@@ -8799,7 +8824,7 @@ const g4 = ({
8799
8824
  )
8800
8825
  ]
8801
8826
  }
8802
- ), y4 = ({
8827
+ ), j4 = ({
8803
8828
  width: i = 20,
8804
8829
  height: l = 20,
8805
8830
  color: C = a.GREY_DARK_5,
@@ -8846,7 +8871,7 @@ const g4 = ({
8846
8871
  )
8847
8872
  ]
8848
8873
  }
8849
- ), I4 = ({
8874
+ ), $4 = ({
8850
8875
  width: i = 20,
8851
8876
  height: l = 20,
8852
8877
  color: C = a.GREY_DARK_5,
@@ -8886,7 +8911,7 @@ const g4 = ({
8886
8911
  )
8887
8912
  ]
8888
8913
  }
8889
- ), O4 = ({
8914
+ ), F4 = ({
8890
8915
  width: i = 20,
8891
8916
  height: l = 20,
8892
8917
  color: C = a.GREY_DARK_5,
@@ -8919,7 +8944,7 @@ const g4 = ({
8919
8944
  )
8920
8945
  ]
8921
8946
  }
8922
- ), T4 = ({
8947
+ ), P4 = ({
8923
8948
  width: i = 20,
8924
8949
  height: l = 20,
8925
8950
  color: C = a.GREY_DARK_5,
@@ -8952,7 +8977,7 @@ const g4 = ({
8952
8977
  )
8953
8978
  ]
8954
8979
  }
8955
- ), S4 = ({
8980
+ ), U4 = ({
8956
8981
  width: i = 20,
8957
8982
  height: l = 20,
8958
8983
  color: C = a.GREY_DARK_5,
@@ -8985,7 +9010,7 @@ const g4 = ({
8985
9010
  )
8986
9011
  ]
8987
9012
  }
8988
- ), W4 = ({
9013
+ ), z4 = ({
8989
9014
  width: i = 20,
8990
9015
  height: l = 20,
8991
9016
  color: C = a.GREY_DARK_5,
@@ -9018,7 +9043,7 @@ const g4 = ({
9018
9043
  )
9019
9044
  ]
9020
9045
  }
9021
- ), j4 = ({
9046
+ ), q4 = ({
9022
9047
  width: i = 20,
9023
9048
  height: l = 20,
9024
9049
  color: C = a.GREY_DARK_5,
@@ -9058,7 +9083,7 @@ const g4 = ({
9058
9083
  )
9059
9084
  ]
9060
9085
  }
9061
- ), $4 = ({
9086
+ ), J4 = ({
9062
9087
  width: i = 20,
9063
9088
  height: l = 20,
9064
9089
  color: C = a.GREY_DARK_5,
@@ -9091,7 +9116,7 @@ const g4 = ({
9091
9116
  )
9092
9117
  ]
9093
9118
  }
9094
- ), F4 = ({
9119
+ ), Q4 = ({
9095
9120
  width: i = 20,
9096
9121
  height: l = 20,
9097
9122
  color: C = a.GREY_DARK_5,
@@ -9124,7 +9149,7 @@ const g4 = ({
9124
9149
  )
9125
9150
  ]
9126
9151
  }
9127
- ), P4 = ({
9152
+ ), X4 = ({
9128
9153
  width: i = 20,
9129
9154
  height: l = 20,
9130
9155
  color: C = "#070739",
@@ -9154,7 +9179,7 @@ const g4 = ({
9154
9179
  /* @__PURE__ */ e("circle", { cx: "10", cy: "10", r: "2.375", stroke: C, strokeWidth: "1.25" })
9155
9180
  ]
9156
9181
  }
9157
- ), U4 = ({
9182
+ ), C0 = ({
9158
9183
  width: i = 20,
9159
9184
  height: l = 20,
9160
9185
  color: C = "#070739",
@@ -9192,7 +9217,7 @@ const g4 = ({
9192
9217
  )
9193
9218
  ]
9194
9219
  }
9195
- ), z4 = ({
9220
+ ), l0 = ({
9196
9221
  width: i = 20,
9197
9222
  height: l = 20,
9198
9223
  color: C = a.GREY_DARK_5,
@@ -9225,7 +9250,7 @@ const g4 = ({
9225
9250
  )
9226
9251
  ]
9227
9252
  }
9228
- ), q4 = ({
9253
+ ), e0 = ({
9229
9254
  width: i = 20,
9230
9255
  height: l = 20,
9231
9256
  color: C = a.GREY_DARK_5,
@@ -9258,7 +9283,7 @@ const g4 = ({
9258
9283
  )
9259
9284
  ]
9260
9285
  }
9261
- ), J4 = ({
9286
+ ), i0 = ({
9262
9287
  width: i = 20,
9263
9288
  height: l = 20,
9264
9289
  color: C = a.GREY_DARK_5,
@@ -9305,7 +9330,7 @@ const g4 = ({
9305
9330
  )
9306
9331
  ]
9307
9332
  }
9308
- ), X4 = ({
9333
+ ), t0 = ({
9309
9334
  className: i,
9310
9335
  color: l = a.GREY_DARK_5,
9311
9336
  height: C = 20,
@@ -9338,7 +9363,7 @@ const g4 = ({
9338
9363
  )
9339
9364
  ]
9340
9365
  }
9341
- ), Q4 = ({
9366
+ ), h0 = ({
9342
9367
  className: i,
9343
9368
  color: l = a.GREY_DARK_5,
9344
9369
  height: C = 5,
@@ -9362,7 +9387,7 @@ const g4 = ({
9362
9387
  }
9363
9388
  )
9364
9389
  }
9365
- ), C0 = ({
9390
+ ), o0 = ({
9366
9391
  className: i,
9367
9392
  color: l = a.GREY_DARK_5,
9368
9393
  height: C = 5,
@@ -9387,7 +9412,7 @@ const g4 = ({
9387
9412
  }
9388
9413
  )
9389
9414
  }
9390
- ), l0 = ({
9415
+ ), s0 = ({
9391
9416
  className: i,
9392
9417
  color: l = a.GREY_DARK_5,
9393
9418
  height: C = 20,
@@ -9420,7 +9445,7 @@ const g4 = ({
9420
9445
  )
9421
9446
  ]
9422
9447
  }
9423
- ), e0 = ({
9448
+ ), a0 = ({
9424
9449
  className: i,
9425
9450
  color: l = a.GREY_DARK_5,
9426
9451
  height: C = 20,
@@ -9459,7 +9484,7 @@ const g4 = ({
9459
9484
  )
9460
9485
  ]
9461
9486
  }
9462
- ), i0 = ({
9487
+ ), c0 = ({
9463
9488
  className: i,
9464
9489
  color: l = a.GREY_DARK_5,
9465
9490
  height: C = 20,
@@ -9483,7 +9508,7 @@ const g4 = ({
9483
9508
  }
9484
9509
  )
9485
9510
  }
9486
- ), t0 = ({
9511
+ ), n0 = ({
9487
9512
  className: i,
9488
9513
  color: l = a.GREY_DARK_5,
9489
9514
  height: C = 20,
@@ -9530,7 +9555,7 @@ const g4 = ({
9530
9555
  )
9531
9556
  ]
9532
9557
  }
9533
- ), h0 = ({
9558
+ ), r0 = ({
9534
9559
  className: i,
9535
9560
  color: l = a.GREY_DARK_5,
9536
9561
  height: C = 20,
@@ -9563,7 +9588,7 @@ const g4 = ({
9563
9588
  )
9564
9589
  ]
9565
9590
  }
9566
- ), o0 = ({
9591
+ ), d0 = ({
9567
9592
  className: i,
9568
9593
  color: l = a.GREY_DARK_5,
9569
9594
  height: C = 20,
@@ -9600,7 +9625,7 @@ const g4 = ({
9600
9625
  )
9601
9626
  ]
9602
9627
  }
9603
- ), s0 = ({
9628
+ ), w0 = ({
9604
9629
  className: i,
9605
9630
  color: l = a.GREY_DARK_5,
9606
9631
  height: C = 20,
@@ -9624,7 +9649,7 @@ const g4 = ({
9624
9649
  }
9625
9650
  )
9626
9651
  }
9627
- ), a0 = ({
9652
+ ), L0 = ({
9628
9653
  className: i,
9629
9654
  color: l = a.GREY_DARK_5,
9630
9655
  height: C = 20,
@@ -9685,7 +9710,7 @@ const g4 = ({
9685
9710
  )
9686
9711
  ]
9687
9712
  }
9688
- ), c0 = ({
9713
+ ), g0 = ({
9689
9714
  className: i,
9690
9715
  color: l = a.GREY_DARK_5,
9691
9716
  height: C = 20,
@@ -9722,7 +9747,7 @@ const g4 = ({
9722
9747
  )
9723
9748
  ]
9724
9749
  }
9725
- ), n0 = ({
9750
+ ), m0 = ({
9726
9751
  className: i,
9727
9752
  color: l = a.GREY_DARK_5,
9728
9753
  height: C = 20,
@@ -9762,7 +9787,7 @@ const g4 = ({
9762
9787
  )
9763
9788
  ]
9764
9789
  }
9765
- ), r0 = ({
9790
+ ), p0 = ({
9766
9791
  className: i,
9767
9792
  color: l = a.GREY_DARK_5,
9768
9793
  height: C = 20,
@@ -9795,7 +9820,7 @@ const g4 = ({
9795
9820
  )
9796
9821
  ]
9797
9822
  }
9798
- ), d0 = ({
9823
+ ), f0 = ({
9799
9824
  className: i,
9800
9825
  color: l = a.GREY_DARK_5,
9801
9826
  height: C = 20,
@@ -9828,7 +9853,7 @@ const g4 = ({
9828
9853
  )
9829
9854
  ]
9830
9855
  }
9831
- ), w0 = ({
9856
+ ), v0 = ({
9832
9857
  className: i,
9833
9858
  color: l = a.GREY_DARK_5,
9834
9859
  height: C = 20,
@@ -9882,7 +9907,7 @@ const g4 = ({
9882
9907
  )
9883
9908
  ]
9884
9909
  }
9885
- ), L0 = ({
9910
+ ), k0 = ({
9886
9911
  className: i,
9887
9912
  color: l = a.GREY_DARK_5,
9888
9913
  height: C = 20,
@@ -9929,7 +9954,7 @@ const g4 = ({
9929
9954
  )
9930
9955
  ]
9931
9956
  }
9932
- ), g0 = ({
9957
+ ), M0 = ({
9933
9958
  className: i,
9934
9959
  color: l = a.GREY_DARK_5,
9935
9960
  height: C = 20,
@@ -9969,7 +9994,7 @@ const g4 = ({
9969
9994
  )
9970
9995
  ]
9971
9996
  }
9972
- ), m0 = ({
9997
+ ), N0 = ({
9973
9998
  className: i,
9974
9999
  color: l = a.GREY_DARK_5,
9975
10000
  height: C = 20,
@@ -9993,7 +10018,7 @@ const g4 = ({
9993
10018
  }
9994
10019
  )
9995
10020
  }
9996
- ), p0 = ({
10021
+ ), Z0 = ({
9997
10022
  className: i,
9998
10023
  color: l = a.GREY_DARK_5,
9999
10024
  height: C = 20,
@@ -10033,7 +10058,7 @@ const g4 = ({
10033
10058
  )
10034
10059
  ]
10035
10060
  }
10036
- ), f0 = ({
10061
+ ), u0 = ({
10037
10062
  className: i,
10038
10063
  color: l = a.GREY_DARK_5,
10039
10064
  height: C = 20,
@@ -10073,7 +10098,7 @@ const g4 = ({
10073
10098
  )
10074
10099
  ]
10075
10100
  }
10076
- ), v0 = ({
10101
+ ), V0 = ({
10077
10102
  width: i = 20,
10078
10103
  height: l = 20,
10079
10104
  color: C = a.GREY_DARK_5,
@@ -10097,7 +10122,7 @@ const g4 = ({
10097
10122
  }
10098
10123
  )
10099
10124
  }
10100
- ), k0 = ({
10125
+ ), H0 = ({
10101
10126
  width: i = 24,
10102
10127
  height: l = 24,
10103
10128
  color: C = "#131314",
@@ -10130,7 +10155,7 @@ const g4 = ({
10130
10155
  )
10131
10156
  ]
10132
10157
  }
10133
- ), M0 = ({
10158
+ ), _0 = ({
10134
10159
  width: i = 20,
10135
10160
  height: l = 20,
10136
10161
  color: C = a.GREY_DARK_5,
@@ -10163,7 +10188,7 @@ const g4 = ({
10163
10188
  )
10164
10189
  ]
10165
10190
  }
10166
- ), N0 = ({
10191
+ ), R0 = ({
10167
10192
  width: i = 20,
10168
10193
  height: l = 20,
10169
10194
  color: C = a.GREY_DARK_5,
@@ -10203,7 +10228,7 @@ const g4 = ({
10203
10228
  )
10204
10229
  ]
10205
10230
  }
10206
- ), Z0 = ({
10231
+ ), x0 = ({
10207
10232
  width: i = 20,
10208
10233
  height: l = 20,
10209
10234
  color: C = a.GREY_DARK_5,
@@ -10264,7 +10289,7 @@ const g4 = ({
10264
10289
  )
10265
10290
  ]
10266
10291
  }
10267
- ), u0 = ({
10292
+ ), A0 = ({
10268
10293
  width: i = 20,
10269
10294
  height: l = 20,
10270
10295
  color: C = a.GREY_DARK_5,
@@ -10304,7 +10329,7 @@ const g4 = ({
10304
10329
  )
10305
10330
  ]
10306
10331
  }
10307
- ), V0 = ({
10332
+ ), D0 = ({
10308
10333
  width: i = 20,
10309
10334
  height: l = 20,
10310
10335
  color: C = a.GREY_DARK_5,
@@ -10328,7 +10353,7 @@ const g4 = ({
10328
10353
  }
10329
10354
  )
10330
10355
  }
10331
- ), _0 = ({
10356
+ ), E0 = ({
10332
10357
  name: i,
10333
10358
  width: l,
10334
10359
  height: C,
@@ -10337,45 +10362,45 @@ const g4 = ({
10337
10362
  disabled: d = !1,
10338
10363
  onClick: r
10339
10364
  }) => {
10340
- const { theme: w } = X(s1), s = d ? w && w === "dark" ? a.GREY_LIGHT_4 : a.GREY_DARK_1 : t, o = d ? void 0 : r, c = r && !d ? `${h || ""} clickable` : h;
10341
- return /* @__PURE__ */ e(F, { children: (() => {
10365
+ const { theme: w } = Q(s1), s = d ? w && w === "dark" ? a.GREY_LIGHT_4 : a.GREY_DARK_1 : t, o = d ? void 0 : r, c = r && !d ? `${h || ""} clickable` : h;
10366
+ return /* @__PURE__ */ e(G, { children: (() => {
10342
10367
  switch (i) {
10343
10368
  case "arrow1Down":
10344
- return p4({ width: l, height: C, color: s, className: c, onClick: o });
10369
+ return Z4({ width: l, height: C, color: s, className: c, onClick: o });
10345
10370
  case "arrow1Up":
10346
- return f4({ width: l, height: C, color: s, className: c, onClick: o });
10371
+ return u4({ width: l, height: C, color: s, className: c, onClick: o });
10347
10372
  case "arrow1Right":
10348
- return v4({ width: l, height: C, color: s, className: c, onClick: o });
10373
+ return V4({ width: l, height: C, color: s, className: c, onClick: o });
10349
10374
  case "arrow1Left":
10350
- return k4({ width: l, height: C, color: s, className: c, onClick: o });
10375
+ return H4({ width: l, height: C, color: s, className: c, onClick: o });
10351
10376
  case "info":
10352
- return M4({ width: l, height: C, color: s, className: c, onClick: o });
10353
- case "archive":
10354
10377
  return _4({ width: l, height: C, color: s, className: c, onClick: o });
10378
+ case "archive":
10379
+ return E4({ width: l, height: C, color: s, className: c, onClick: o });
10355
10380
  case "unarchive":
10356
- return H4({ width: l, height: C, color: s, className: c, onClick: o });
10381
+ return G4({ width: l, height: C, color: s, className: c, onClick: o });
10357
10382
  case "calendar":
10358
- return R4({ width: l, height: C, color: s, className: c, onClick: o });
10383
+ return K4({ width: l, height: C, color: s, className: c, onClick: o });
10359
10384
  case "check":
10360
- return x4({ width: l, height: C, color: s, className: c, onClick: o });
10385
+ return Y4({ width: l, height: C, color: s, className: c, onClick: o });
10361
10386
  case "cancel":
10362
- return A4({ width: l, height: C, color: s, className: c, onClick: o });
10387
+ return B4({ width: l, height: C, color: s, className: c, onClick: o });
10363
10388
  case "add":
10364
- return D4({ width: l, height: C, color: s, className: c, onClick: o });
10389
+ return b4({ width: l, height: C, color: s, className: c, onClick: o });
10365
10390
  case "list":
10366
- return E4({ width: l, height: C, color: s, className: c, onClick: o });
10391
+ return y4({ width: l, height: C, color: s, className: c, onClick: o });
10367
10392
  case "dragAndDrop":
10368
- return G4({ width: l, height: C, color: s, className: c, onClick: o });
10393
+ return I4({ width: l, height: C, color: s, className: c, onClick: o });
10369
10394
  case "filter1":
10370
- return K4({ width: l, height: C, color: s, className: c, onClick: o });
10395
+ return O4({ width: l, height: C, color: s, className: c, onClick: o });
10371
10396
  case "filter2":
10372
- return s0({ width: l, height: C, color: s, className: c, onClick: o });
10397
+ return w0({ width: l, height: C, color: s, className: c, onClick: o });
10373
10398
  case "attention":
10374
- return Y4({ width: l, height: C, color: s, className: c, onClick: o });
10399
+ return T4({ width: l, height: C, color: s, className: c, onClick: o });
10375
10400
  case "users":
10376
- return B4({ width: l, height: C, color: s, className: c, onClick: o });
10401
+ return S4({ width: l, height: C, color: s, className: c, onClick: o });
10377
10402
  case "mySkillsMatrix":
10378
- return b4({
10403
+ return W4({
10379
10404
  width: l,
10380
10405
  height: C,
10381
10406
  color: s,
@@ -10383,9 +10408,9 @@ const g4 = ({
10383
10408
  onClick: o
10384
10409
  });
10385
10410
  case "skills":
10386
- return y4({ width: l, height: C, color: s, className: c, onClick: o });
10411
+ return j4({ width: l, height: C, color: s, className: c, onClick: o });
10387
10412
  case "skillsMatrices":
10388
- return I4({
10413
+ return $4({
10389
10414
  width: l,
10390
10415
  height: C,
10391
10416
  color: s,
@@ -10393,21 +10418,21 @@ const g4 = ({
10393
10418
  onClick: o
10394
10419
  });
10395
10420
  case "history":
10396
- return O4({ width: l, height: C, color: s, className: c, onClick: o });
10421
+ return F4({ width: l, height: C, color: s, className: c, onClick: o });
10397
10422
  case "logOut":
10398
- return T4({ width: l, height: C, color: s, className: c, onClick: o });
10423
+ return P4({ width: l, height: C, color: s, className: c, onClick: o });
10399
10424
  case "settings":
10400
- return S4({ width: l, height: C, color: s, className: c, onClick: o });
10425
+ return U4({ width: l, height: C, color: s, className: c, onClick: o });
10401
10426
  case "trash":
10402
- return W4({ width: l, height: C, color: s, className: c, onClick: o });
10427
+ return z4({ width: l, height: C, color: s, className: c, onClick: o });
10403
10428
  case "settings2":
10404
- return j4({ width: l, height: C, color: s, className: c, onClick: o });
10429
+ return q4({ width: l, height: C, color: s, className: c, onClick: o });
10405
10430
  case "checkCircle":
10406
- return $4({ width: l, height: C, color: s, className: c, onClick: o });
10431
+ return J4({ width: l, height: C, color: s, className: c, onClick: o });
10407
10432
  case "cancelCircle":
10408
- return F4({ width: l, height: C, color: s, className: c, onClick: o });
10433
+ return Q4({ width: l, height: C, color: s, className: c, onClick: o });
10409
10434
  case "visibilityIcon":
10410
- return P4({
10435
+ return X4({
10411
10436
  width: l,
10412
10437
  height: C,
10413
10438
  color: s,
@@ -10415,7 +10440,7 @@ const g4 = ({
10415
10440
  onClick: o
10416
10441
  });
10417
10442
  case "visibilityOffIcon":
10418
- return U4({
10443
+ return C0({
10419
10444
  width: l,
10420
10445
  height: C,
10421
10446
  color: s,
@@ -10423,85 +10448,85 @@ const g4 = ({
10423
10448
  onClick: o
10424
10449
  });
10425
10450
  case "sortUp":
10426
- return z4({ width: l, height: C, color: s, className: c, onClick: o });
10451
+ return l0({ width: l, height: C, color: s, className: c, onClick: o });
10427
10452
  case "sortDown":
10428
- return q4({ width: l, height: C, color: s, className: c, onClick: o });
10453
+ return e0({ width: l, height: C, color: s, className: c, onClick: o });
10429
10454
  case "sortDouble":
10430
- return J4({ width: l, height: C, color: s, className: c, onClick: o });
10455
+ return i0({ width: l, height: C, color: s, className: c, onClick: o });
10431
10456
  case "search":
10432
- return X4({ width: l, height: C, color: s, className: c, onClick: o });
10457
+ return t0({ width: l, height: C, color: s, className: c, onClick: o });
10433
10458
  case "arrowUpFilled":
10434
- return C0({ width: l, height: C, color: s, className: c, onClick: o });
10459
+ return o0({ width: l, height: C, color: s, className: c, onClick: o });
10435
10460
  case "arrowDownFilled":
10436
- return Q4({ width: l, height: C, color: s, className: c, onClick: o });
10461
+ return h0({ width: l, height: C, color: s, className: c, onClick: o });
10437
10462
  case "arrow2Up":
10438
- return N4({ width: l, height: C, color: s, className: c, onClick: o });
10463
+ return R4({ width: l, height: C, color: s, className: c, onClick: o });
10439
10464
  case "arrow2Right":
10440
- return Z4({ width: l, height: C, color: s, className: c, onClick: o });
10465
+ return x4({ width: l, height: C, color: s, className: c, onClick: o });
10441
10466
  case "arrow2Down":
10442
- return u4({ width: l, height: C, color: s, className: c, onClick: o });
10467
+ return A4({ width: l, height: C, color: s, className: c, onClick: o });
10443
10468
  case "arrow2Left":
10444
- return V4({ width: l, height: C, color: s, className: c, onClick: o });
10469
+ return D4({ width: l, height: C, color: s, className: c, onClick: o });
10445
10470
  case "link":
10446
- return l0({ width: l, height: C, color: s, className: c, onClick: o });
10471
+ return s0({ width: l, height: C, color: s, className: c, onClick: o });
10447
10472
  case "telegram":
10448
- return i0({ width: l, height: C, color: s, className: c, onClick: o });
10473
+ return c0({ width: l, height: C, color: s, className: c, onClick: o });
10449
10474
  case "mail":
10450
- return h0({ width: l, height: C, color: s, className: c, onClick: o });
10475
+ return r0({ width: l, height: C, color: s, className: c, onClick: o });
10451
10476
  case "github":
10452
- return e0({ width: l, height: C, color: s, className: c, onClick: o });
10477
+ return a0({ width: l, height: C, color: s, className: c, onClick: o });
10453
10478
  case "linkedIn":
10454
- return t0({ width: l, height: C, color: s, className: c, onClick: o });
10479
+ return n0({ width: l, height: C, color: s, className: c, onClick: o });
10455
10480
  case "emptyStateIcon":
10456
- return o0({ width: l, height: C, color: s, className: c, onClick: o });
10481
+ return d0({ width: l, height: C, color: s, className: c, onClick: o });
10457
10482
  case "dotMenuIcon":
10458
- return a0({ width: l, height: C, color: s, className: c, onClick: o });
10483
+ return L0({ width: l, height: C, color: s, className: c, onClick: o });
10459
10484
  case "plusCircle":
10460
- return c0({ width: l, height: C, color: s, className: c, onClick: o });
10485
+ return g0({ width: l, height: C, color: s, className: c, onClick: o });
10461
10486
  case "warning":
10462
- return n0({ width: l, height: C, color: s, className: c, onClick: o });
10487
+ return m0({ width: l, height: C, color: s, className: c, onClick: o });
10463
10488
  case "bell":
10464
- return r0({ width: l, height: C, color: s, className: c, onClick: o });
10489
+ return p0({ width: l, height: C, color: s, className: c, onClick: o });
10465
10490
  case "copy":
10466
- return d0({ width: l, height: C, color: s, className: c, onClick: o });
10491
+ return f0({ width: l, height: C, color: s, className: c, onClick: o });
10467
10492
  case "contract":
10468
- return w0({ width: l, height: C, color: s, className: c, onClick: o });
10493
+ return v0({ width: l, height: C, color: s, className: c, onClick: o });
10469
10494
  case "resourceManager":
10470
- return L0({ width: l, height: C, color: s, className: c, onClick: o });
10495
+ return k0({ width: l, height: C, color: s, className: c, onClick: o });
10471
10496
  case "image":
10472
- return g0({ width: l, height: C, color: s, className: c, onClick: o });
10497
+ return M0({ width: l, height: C, color: s, className: c, onClick: o });
10473
10498
  case "edit":
10474
- return m0({ width: l, height: C, color: s, className: c, onClick: o });
10499
+ return N0({ width: l, height: C, color: s, className: c, onClick: o });
10475
10500
  case "burgerMenu":
10476
- return p0({ width: l, height: C, color: s, className: c, onClick: o });
10501
+ return Z0({ width: l, height: C, color: s, className: c, onClick: o });
10477
10502
  case "refresh":
10478
- return f0({ width: l, height: C, color: s, className: c, onClick: o });
10503
+ return u0({ width: l, height: C, color: s, className: c, onClick: o });
10479
10504
  case "projects":
10480
- return v0({ width: l, height: C, color: s, className: c, onClick: o });
10505
+ return V0({ width: l, height: C, color: s, className: c, onClick: o });
10481
10506
  case "user":
10482
- return M0({ width: l, height: C, color: s, className: c, onClick: o });
10507
+ return _0({ width: l, height: C, color: s, className: c, onClick: o });
10483
10508
  case "exit":
10484
- return k0({ width: l, height: C, color: s, className: c, onClick: o });
10509
+ return H0({ width: l, height: C, color: s, className: c, onClick: o });
10485
10510
  case "status":
10486
- return N0({ width: l, height: C, color: s, className: c, onClick: o });
10511
+ return R0({ width: l, height: C, color: s, className: c, onClick: o });
10487
10512
  case "community":
10488
- return Z0({ width: l, height: C, color: s, className: c, onClick: o });
10513
+ return x0({ width: l, height: C, color: s, className: c, onClick: o });
10489
10514
  case "docs":
10490
- return u0({ width: l, height: C, color: s, className: c, onClick: o });
10515
+ return A0({ width: l, height: C, color: s, className: c, onClick: o });
10491
10516
  case "unpaidLeave":
10492
- return V0({ width: l, height: C, color: s, className: c, onClick: o });
10517
+ return D0({ width: l, height: C, color: s, className: c, onClick: o });
10493
10518
  default:
10494
- return /* @__PURE__ */ e(F, { children: "No Icon provided" });
10519
+ return /* @__PURE__ */ e(G, { children: "No Icon provided" });
10495
10520
  }
10496
10521
  })() });
10497
- }, H0 = ({
10522
+ }, G0 = ({
10498
10523
  iconName: i = "arrow2Down",
10499
10524
  isActive: l,
10500
10525
  rotationDirection: C = "cw",
10501
10526
  disabled: t = !1,
10502
10527
  onClick: h
10503
10528
  }) => {
10504
- const d = x0(l, t), r = R0(l, t);
10529
+ const d = Y0(l, t), r = K0(l, t);
10505
10530
  return /* @__PURE__ */ e(
10506
10531
  "button",
10507
10532
  {
@@ -10509,7 +10534,7 @@ const g4 = ({
10509
10534
  onClick: h,
10510
10535
  disabled: t,
10511
10536
  children: /* @__PURE__ */ e(
10512
- _0,
10537
+ E0,
10513
10538
  {
10514
10539
  name: i,
10515
10540
  className: "snmt-arrow-button-icon-rotation" + (l && !t ? `-${C}` : "-initial"),
@@ -10519,13 +10544,13 @@ const g4 = ({
10519
10544
  }
10520
10545
  );
10521
10546
  };
10522
- function R0(i, l) {
10547
+ function K0(i, l) {
10523
10548
  return i && !l ? "-active" : l ? "-disabled" : "";
10524
10549
  }
10525
- function x0(i, l) {
10550
+ function Y0(i, l) {
10526
10551
  return l ? a.GREY_DARK_2 : i ? a.GREY_LIGHT_0 : a.GREY_DARK_4;
10527
10552
  }
10528
- const A0 = J((i, l) => {
10553
+ const B0 = J((i, l) => {
10529
10554
  const {
10530
10555
  value: C,
10531
10556
  onChange: t,
@@ -10536,178 +10561,178 @@ const A0 = J((i, l) => {
10536
10561
  width: s,
10537
10562
  disabled: o = !1,
10538
10563
  required: c = !1,
10539
- clearable: v = !0,
10540
- scrollThresholdValue: p = 50,
10541
- onSearchChange: M,
10542
- onDropdownVisibleChange: E,
10543
- onScrollToEnd: x,
10544
- onPopupScroll: B,
10545
- id: I,
10546
- extraOptions: A,
10547
- dropdownRender: S,
10564
+ clearable: M = !0,
10565
+ scrollThresholdValue: v = 50,
10566
+ onSearchChange: g,
10567
+ onDropdownVisibleChange: m,
10568
+ onScrollToEnd: A,
10569
+ onPopupScroll: b,
10570
+ id: O,
10571
+ extraOptions: D,
10572
+ dropdownRender: W,
10548
10573
  optionRender: _,
10549
- isLoading: g,
10550
- readOnly: H,
10551
- error: k,
10552
- selectedItemVariant: b = "default",
10553
- variant: G = "outlined"
10574
+ isLoading: p,
10575
+ readOnly: R,
10576
+ error: N,
10577
+ selectedItemVariant: y = "default",
10578
+ variant: K = "outlined"
10554
10579
  } = i;
10555
- let Q;
10556
- d && d !== "single" && (Q = i.overflowBehaviour ?? "responsive");
10557
- const [Y, U] = Z(!1), [z, m1] = Z(!1), [W, a1] = Z(!1), [c1, C1] = Z(!0), [u, j] = Z(C), n1 = T(null), l1 = d === "single" && b === "badge";
10558
- O(() => {
10559
- j(C);
10580
+ let X;
10581
+ d && d !== "single" && (X = i.overflowBehaviour ?? "responsive");
10582
+ const [B, U] = u(!1), [z, p1] = u(!1), [j, a1] = u(!1), [c1, C1] = u(!0), [V, $] = u(C), n1 = S(null), l1 = d === "single" && y === "badge";
10583
+ T(() => {
10584
+ $(C);
10560
10585
  }, [C]);
10561
- const p1 = (L) => {
10562
- U(L), E && E(L);
10563
- }, f1 = (L, m) => {
10564
- var V;
10565
- return !!((V = m == null ? void 0 : m.label) != null && V.toString().toLowerCase().includes(L.toLowerCase()));
10566
- }, v1 = () => {
10567
- m1(!0);
10586
+ const f1 = (L) => {
10587
+ U(L), m && m(L);
10588
+ }, v1 = (L, f) => {
10589
+ var H;
10590
+ return !!((H = f == null ? void 0 : f.label) != null && H.toString().toLowerCase().includes(L.toLowerCase()));
10568
10591
  }, k1 = () => {
10569
- m1(!1);
10570
- }, P = N(
10592
+ p1(!0);
10593
+ }, M1 = () => {
10594
+ p1(!1);
10595
+ }, P = Z(
10571
10596
  (L) => {
10572
- let m = null;
10597
+ let f = null;
10573
10598
  if (l1) {
10574
- const V = Array.isArray(L) ? L : [];
10575
- m = V.length > 1 ? [V[V.length - 1]] : V;
10576
- const r1 = m.length > 0 ? m[0] : null;
10577
- t == null || t(r1), j(m);
10599
+ const H = Array.isArray(L) ? L : [];
10600
+ f = H.length > 1 ? [H[H.length - 1]] : H;
10601
+ const r1 = f.length > 0 ? f[0] : null;
10602
+ t == null || t(r1), $(f);
10578
10603
  return;
10579
10604
  }
10580
10605
  if (d && d !== "single") {
10581
- const V = L;
10582
- t == null || t(V), j(V);
10606
+ const H = L;
10607
+ t == null || t(H), $(H);
10583
10608
  return;
10584
10609
  }
10585
- m = Array.isArray(L) ? null : L || null, t == null || t(m), j(m);
10610
+ f = Array.isArray(L) ? null : L || null, t == null || t(f), $(f);
10586
10611
  },
10587
10612
  [d, t, l1]
10588
- ), M1 = N(() => {
10589
- if (!(H || o)) {
10613
+ ), N1 = Z(() => {
10614
+ if (!(R || o)) {
10590
10615
  if (d) {
10591
10616
  P([]);
10592
10617
  return;
10593
10618
  }
10594
10619
  P("");
10595
10620
  }
10596
- }, [o, P, d, H]), e1 = N(
10621
+ }, [o, P, d, R]), e1 = Z(
10597
10622
  (L) => {
10598
- const m = u.filter((V) => V !== L);
10599
- P(m), j(m);
10623
+ const f = V.filter((H) => H !== L);
10624
+ P(f), $(f);
10600
10625
  },
10601
- [P, u]
10602
- ), f = N(
10603
- (L) => (u == null ? void 0 : u.indexOf(L)) === 0 ? (
10626
+ [P, V]
10627
+ ), k = Z(
10628
+ (L) => (V == null ? void 0 : V.indexOf(L)) === 0 ? (
10604
10629
  // if the search input is empty
10605
10630
  // then display the placeholder, else do not display it
10606
10631
  /* @__PURE__ */ e("span", { className: "custom-placeholder", children: c1 ? h : "" })
10607
- ) : /* @__PURE__ */ e(F, {}),
10608
- [c1, u, h]
10609
- ), D = (L) => {
10632
+ ) : /* @__PURE__ */ e(G, {}),
10633
+ [c1, V, h]
10634
+ ), E = (L) => {
10610
10635
  L.preventDefault(), L.stopPropagation();
10611
- }, $ = async (L) => {
10612
- const { target: m } = L;
10613
- m.scrollTop + m.offsetHeight >= m.scrollHeight - p && (x == null || x(!0)), B && await B(L);
10614
- }, R = N(
10636
+ }, F = async (L) => {
10637
+ const { target: f } = L;
10638
+ f.scrollTop + f.offsetHeight >= f.scrollHeight - v && (A == null || A(!0)), b && await b(L);
10639
+ }, x = Z(
10615
10640
  (L) => {
10616
- var m, V;
10617
- return ((m = w.find((t1) => t1.value === L)) == null ? void 0 : m.label) || ((V = A == null ? void 0 : A.find((t1) => t1.value === L)) == null ? void 0 : V.label) || L;
10641
+ var f, H;
10642
+ return ((f = w.find((t1) => t1.value === L)) == null ? void 0 : f.label) || ((H = D == null ? void 0 : D.find((t1) => t1.value === L)) == null ? void 0 : H.label) || L;
10618
10643
  },
10619
- [A, w]
10620
- ), K = N(
10621
- (L, m = "default") => {
10622
- var V;
10644
+ [D, w]
10645
+ ), Y = Z(
10646
+ (L, f = "default") => {
10647
+ var H;
10623
10648
  return /* @__PURE__ */ e(
10624
- g4,
10649
+ M4,
10625
10650
  {
10626
10651
  values: L,
10627
10652
  onTagClose: e1,
10628
- maxWidth: ((V = n1.current) == null ? void 0 : V.clientWidth) || 0,
10653
+ maxWidth: ((H = n1.current) == null ? void 0 : H.clientWidth) || 0,
10629
10654
  disabled: o,
10630
- closable: !H,
10655
+ closable: !R,
10631
10656
  options: w,
10632
- extraOptions: A,
10633
- selectedItemVariant: m
10657
+ extraOptions: D,
10658
+ selectedItemVariant: f
10634
10659
  }
10635
10660
  );
10636
10661
  },
10637
- [o, A, e1, w, H]
10638
- ), y = N(
10639
- ({ label: L, value: m, mode: V }) => {
10640
- if (V === "filter")
10641
- return f(m);
10662
+ [o, D, e1, w, R]
10663
+ ), I = Z(
10664
+ ({ label: L, value: f, mode: H }) => {
10665
+ if (H === "filter")
10666
+ return k(f);
10642
10667
  {
10643
- const r1 = b === "badge" && w.find((y1) => y1.label === L), t1 = typeof L == "object" ? L : R(m);
10644
- return /* @__PURE__ */ e("div", { onMouseDown: D, className: "tag-wrapper", children: b === "badge" ? /* @__PURE__ */ e(
10645
- b1,
10668
+ const r1 = y === "badge" && w.find((I1) => I1.label === L), t1 = typeof L == "object" ? L : x(f);
10669
+ return /* @__PURE__ */ e("div", { onMouseDown: E, className: "tag-wrapper", children: y === "badge" ? /* @__PURE__ */ e(
10670
+ y1,
10646
10671
  {
10647
10672
  variant: "regular",
10648
10673
  size: "small",
10649
10674
  color: r1 ? r1.color : "cyan",
10650
10675
  text: t1
10651
10676
  }
10652
- ) : /* @__PURE__ */ e(Y1, { onClose: () => e1(m), disabled: o, children: t1 }) });
10677
+ ) : /* @__PURE__ */ e(B1, { onClose: () => e1(f), disabled: o, children: t1 }) });
10653
10678
  }
10654
10679
  },
10655
- [o, R, e1, f, b, w]
10656
- ), i1 = Array.isArray(u) && u.length > 0 || !!u && typeof u == "string" && u.trim() !== "";
10680
+ [o, x, e1, k, y, w]
10681
+ ), i1 = Array.isArray(V) && V.length > 0 || !!V && typeof V == "string" && V.trim() !== "";
10657
10682
  return /* @__PURE__ */ n(
10658
10683
  "div",
10659
10684
  {
10660
- className: `snmt-select-container ${G === "borderless" ? "snmt-select-container-borderless" : ""}`,
10685
+ className: `snmt-select-container ${K === "borderless" ? "snmt-select-container-borderless" : ""}`,
10661
10686
  children: [
10662
10687
  /* @__PURE__ */ n(
10663
10688
  "div",
10664
10689
  {
10665
10690
  className: `snmt-select ${z ? "snmt-select-focused" : ""}
10666
10691
  ${d ? "" : "snmt-select-single"}
10667
- ${H ? "snmt-select-read-only" : ""}
10668
- ${Q === "static" ? "snmt-select-static" : ""}
10669
- ${G === "borderless" ? "snmt-select-borderless" : ""}`,
10692
+ ${R ? "snmt-select-read-only" : ""}
10693
+ ${X === "static" ? "snmt-select-static" : ""}
10694
+ ${K === "borderless" ? "snmt-select-borderless" : ""}`,
10670
10695
  ref: n1,
10671
10696
  style: { width: s },
10672
10697
  children: [
10673
10698
  /* @__PURE__ */ e(
10674
- O1,
10699
+ T1,
10675
10700
  {
10676
10701
  className: "snmt-select-blank",
10677
- popupClassName: H ? "dropdown-read-only" : "",
10678
- id: I,
10702
+ popupClassName: R ? "dropdown-read-only" : "",
10703
+ id: O,
10679
10704
  ref: l,
10680
10705
  showSearch: !!r,
10681
- filterOption: r && f1,
10682
- onDropdownVisibleChange: p1,
10706
+ filterOption: r && v1,
10707
+ onDropdownVisibleChange: f1,
10683
10708
  disabled: o,
10684
- value: u || void 0,
10709
+ value: V || void 0,
10685
10710
  labelRender: (L) => {
10686
- const m = R(L.value);
10687
- return o ? /* @__PURE__ */ e("span", { style: { color: a.GREY_DARK_1 }, children: m }) : m;
10711
+ const f = x(L.value);
10712
+ return o ? /* @__PURE__ */ e("span", { style: { color: a.GREY_DARK_1 }, children: f }) : f;
10688
10713
  },
10689
- mode: D0(d, l1),
10690
- variant: G,
10714
+ mode: b0(d, l1),
10715
+ variant: K,
10691
10716
  onChange: P,
10692
- onFocus: v1,
10693
- onBlur: k1,
10717
+ onFocus: k1,
10718
+ onBlur: M1,
10694
10719
  onMouseEnter: () => a1(!0),
10695
10720
  onMouseLeave: () => a1(!1),
10696
10721
  onSearch: (L) => {
10697
- C1(!L), M && M(L);
10722
+ C1(!L), g && g(L);
10698
10723
  },
10699
10724
  onSelect: () => C1(!0),
10700
10725
  onDeselect: () => C1(!0),
10701
- tagRender: (L) => y({ ...L, mode: d }),
10702
- maxTagCount: Q === "responsive" ? "responsive" : void 0,
10703
- maxTagPlaceholder: (L) => K(L, b),
10704
- onPopupScroll: $,
10705
- prefix: g && /* @__PURE__ */ e(D1, { size: "small" }),
10706
- suffixIcon: /* @__PURE__ */ e("div", { className: "wrapper-suffix-icon", children: d !== "filter" && /* @__PURE__ */ n(F, { children: [
10707
- u && !!u.length && v && /* @__PURE__ */ e(
10726
+ tagRender: (L) => I({ ...L, mode: d }),
10727
+ maxTagCount: X === "responsive" ? "responsive" : void 0,
10728
+ maxTagPlaceholder: (L) => Y(L, y),
10729
+ onPopupScroll: F,
10730
+ prefix: p && /* @__PURE__ */ e(E1, { size: "small" }),
10731
+ suffixIcon: /* @__PURE__ */ e("div", { className: "wrapper-suffix-icon", children: d !== "filter" && /* @__PURE__ */ n(G, { children: [
10732
+ V && !!V.length && M && /* @__PURE__ */ e(
10708
10733
  "div",
10709
10734
  {
10710
- onClick: M1,
10735
+ onClick: N1,
10711
10736
  style: {
10712
10737
  cursor: o ? "not-allowed" : "pointer"
10713
10738
  },
@@ -10720,20 +10745,20 @@ const A0 = J((i, l) => {
10720
10745
  )
10721
10746
  }
10722
10747
  ),
10723
- G === "borderless" && (W || z) && /* @__PURE__ */ e(
10724
- H0,
10748
+ K === "borderless" && (j || z) && /* @__PURE__ */ e(
10749
+ G0,
10725
10750
  {
10726
- isActive: Y,
10727
- onClick: () => U(!Y)
10751
+ isActive: B,
10752
+ onClick: () => U(!B)
10728
10753
  }
10729
10754
  ),
10730
- G === "outlined" && /* @__PURE__ */ e(
10755
+ K === "outlined" && /* @__PURE__ */ e(
10731
10756
  d1,
10732
10757
  {
10733
10758
  name: "arrow2Down",
10734
10759
  color: o ? a.GREY_DARK_1 : a.GREY_DARK_2,
10735
- className: Y ? "select-arrow-rotated" : "select-arrow",
10736
- onClick: () => U(!Y)
10760
+ className: B ? "select-arrow-rotated" : "select-arrow",
10761
+ onClick: () => U(!B)
10737
10762
  }
10738
10763
  )
10739
10764
  ] }) }),
@@ -10742,14 +10767,14 @@ const A0 = J((i, l) => {
10742
10767
  optionRender: (L) => _ ? _(L.data) : /* @__PURE__ */ n(w1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
10743
10768
  /* @__PURE__ */ n(w1, { alignItems: "center", gap: 12, children: [
10744
10769
  d && /* @__PURE__ */ e(
10745
- N2,
10770
+ V2,
10746
10771
  {
10747
- checked: !!(u != null && u.includes(L.value))
10772
+ checked: !!(V != null && V.includes(L.value))
10748
10773
  }
10749
10774
  ),
10750
10775
  /* @__PURE__ */ n(w1, { alignItems: "center", gap: 8, children: [
10751
10776
  L.data.image !== void 0 && /* @__PURE__ */ e(
10752
- m2,
10777
+ f2,
10753
10778
  {
10754
10779
  src: L.data.image,
10755
10780
  variant: "xsmall",
@@ -10759,33 +10784,33 @@ const A0 = J((i, l) => {
10759
10784
  /* @__PURE__ */ e("span", { children: L.label })
10760
10785
  ] })
10761
10786
  ] }),
10762
- !d && u === L.value && /* @__PURE__ */ e(d1, { name: "check", color: a.BLUE_DARK_1 })
10787
+ !d && V === L.value && /* @__PURE__ */ e(d1, { name: "check", color: a.BLUE_DARK_1 })
10763
10788
  ] }),
10764
10789
  dropdownRender: (L) => /* @__PURE__ */ n("div", { className: "dropdown-container", children: [
10765
- /* @__PURE__ */ e("div", { className: "dropdown-menu", children: S ? S(L) : L }),
10766
- g && /* @__PURE__ */ e("div", { className: "loading-overlay", children: /* @__PURE__ */ e(D1, {}) })
10790
+ /* @__PURE__ */ e("div", { className: "dropdown-menu", children: W ? W(L) : L }),
10791
+ p && /* @__PURE__ */ e("div", { className: "loading-overlay", children: /* @__PURE__ */ e(E1, {}) })
10767
10792
  ] })
10768
10793
  }
10769
10794
  ),
10770
- h && G !== "borderless" && /* @__PURE__ */ e(
10795
+ h && K !== "borderless" && /* @__PURE__ */ e(
10771
10796
  "label",
10772
10797
  {
10773
- className: `${z || i1 ? "label-floating" : ""} ${o ? "label-disabled" : ""} ${z ? "label-focused" : ""} ${g ? "label-loading" : ""} ${k ? "label-error" : ""}`,
10798
+ className: `${z || i1 ? "label-floating" : ""} ${o ? "label-disabled" : ""} ${z ? "label-focused" : ""} ${p ? "label-loading" : ""} ${N ? "label-error" : ""}`,
10774
10799
  children: c ? `${h}*` : h
10775
10800
  }
10776
10801
  ),
10777
10802
  /* @__PURE__ */ e(
10778
10803
  "fieldset",
10779
10804
  {
10780
- className: `${z ? "fieldset-focused" : ""} ${o ? "fieldset-disabled" : ""} ${i1 ? "fieldset-filled" : ""} ${k ? "fieldset-error" : ""}
10781
- ${W ? "fieldset-hovered" : ""}`,
10782
- children: /* @__PURE__ */ e("legend", { children: h && G !== "borderless" && /* @__PURE__ */ e("span", { children: c ? `${h}*` : h }) })
10805
+ className: `${z ? "fieldset-focused" : ""} ${o ? "fieldset-disabled" : ""} ${i1 ? "fieldset-filled" : ""} ${N ? "fieldset-error" : ""}
10806
+ ${j ? "fieldset-hovered" : ""}`,
10807
+ children: /* @__PURE__ */ e("legend", { children: h && K !== "borderless" && /* @__PURE__ */ e("span", { children: c ? `${h}*` : h }) })
10783
10808
  }
10784
10809
  )
10785
10810
  ]
10786
10811
  }
10787
10812
  ),
10788
- k && /* @__PURE__ */ n(w1, { justifyContent: "flex-start", gap: 6, children: [
10813
+ N && /* @__PURE__ */ n(w1, { justifyContent: "flex-start", gap: 6, children: [
10789
10814
  /* @__PURE__ */ e(
10790
10815
  d1,
10791
10816
  {
@@ -10795,18 +10820,18 @@ const A0 = J((i, l) => {
10795
10820
  width: 16
10796
10821
  }
10797
10822
  ),
10798
- typeof k == "string" ? /* @__PURE__ */ e(J7, { color: a.NOTIFICATION_ERROR_DARK, variant: "body4", children: k }) : k
10823
+ typeof N == "string" ? /* @__PURE__ */ e(e9, { color: a.NOTIFICATION_ERROR_DARK, variant: "body4", children: N }) : N
10799
10824
  ] })
10800
10825
  ]
10801
10826
  }
10802
10827
  );
10803
10828
  });
10804
- function D0(i, l) {
10829
+ function b0(i, l) {
10805
10830
  return i === "filter" || l ? "multiple" : i === "single" ? void 0 : i;
10806
10831
  }
10807
- function E0(i, l = 500) {
10808
- const C = T();
10809
- return O(() => () => {
10832
+ function y0(i, l = 500) {
10833
+ const C = S();
10834
+ return T(() => () => {
10810
10835
  C.current && clearTimeout(C.current);
10811
10836
  }, []), (...h) => {
10812
10837
  const d = setTimeout(() => {
@@ -10815,15 +10840,15 @@ function E0(i, l = 500) {
10815
10840
  clearTimeout(C.current), C.current = d;
10816
10841
  };
10817
10842
  }
10818
- function E1(i) {
10819
- const l = T(i);
10820
- return O(() => {
10843
+ function G1(i) {
10844
+ const l = S(i);
10845
+ return T(() => {
10821
10846
  l.current = i;
10822
10847
  }, [i]), l.current;
10823
10848
  }
10824
- const Z1 = 100, h1 = {
10849
+ const u1 = 100, h1 = {
10825
10850
  offset: 0
10826
- }, y0 = J((i, l) => {
10851
+ }, j0 = J((i, l) => {
10827
10852
  const {
10828
10853
  loadOptions: C,
10829
10854
  width: t,
@@ -10834,100 +10859,100 @@ const Z1 = 100, h1 = {
10834
10859
  placeholder: s,
10835
10860
  mode: o,
10836
10861
  loadOnClosedState: c,
10837
- preloadOptions: v,
10838
- extraOptions: p,
10839
- onDropdownVisibleChange: M,
10840
- optionRender: E,
10841
- dropdownRender: x,
10842
- readOnly: B,
10843
- clearable: I = !0,
10844
- required: A = !1,
10845
- error: S,
10862
+ preloadOptions: M,
10863
+ extraOptions: v,
10864
+ onDropdownVisibleChange: g,
10865
+ optionRender: m,
10866
+ dropdownRender: A,
10867
+ readOnly: b,
10868
+ clearable: O = !0,
10869
+ required: D = !1,
10870
+ error: W,
10846
10871
  variant: _ = "outlined"
10847
- } = i, [g, H] = Z(), [k, b] = Z(h1), [G, Q] = Z(!1), [Y, U] = Z(), [z, m1] = Z(!1), [W, a1] = Z(
10848
- p ?? []
10849
- ), c1 = E1(k.offset), C1 = E1(Y), [u, j] = Z(!1), n1 = T(!1), l1 = N(
10872
+ } = i, [p, R] = u(), [N, y] = u(h1), [K, X] = u(!1), [B, U] = u(), [z, p1] = u(!1), [j, a1] = u(
10873
+ v ?? []
10874
+ ), c1 = G1(N.offset), C1 = G1(B), [V, $] = u(!1), n1 = S(!1), l1 = Z(
10850
10875
  async ({
10851
- limit: f = Z1,
10852
- offset: D,
10853
- search: $
10876
+ limit: k = u1,
10877
+ offset: E,
10878
+ search: F
10854
10879
  }) => {
10855
- Q(!0);
10880
+ X(!0);
10856
10881
  try {
10857
- const R = await C({
10858
- limit: f,
10859
- offset: D,
10860
- search: $
10882
+ const x = await C({
10883
+ limit: k,
10884
+ offset: E,
10885
+ search: F
10861
10886
  });
10862
- H(
10863
- (K) => D === 0 ? R.options : [...K ?? [], ...R.options]
10864
- ), b((K) => ({
10865
- ...K,
10866
- count: R.count
10887
+ R(
10888
+ (Y) => E === 0 ? x.options : [...Y ?? [], ...x.options]
10889
+ ), y((Y) => ({
10890
+ ...Y,
10891
+ count: x.count
10867
10892
  }));
10868
- } catch (R) {
10869
- return console.error("AsyncSelect. fetchOptions error", R), [];
10893
+ } catch (x) {
10894
+ return console.error("AsyncSelect. fetchOptions error", x), [];
10870
10895
  } finally {
10871
- Q(!1);
10896
+ X(!1);
10872
10897
  }
10873
10898
  },
10874
10899
  [C]
10875
- ), p1 = E0((f) => {
10876
- U(f), f || b(h1);
10877
- }), f1 = N(
10878
- (f) => p1(f),
10879
- [p1]
10880
- ), v1 = N(
10881
- async (f) => {
10882
- G || f && k.count && k.count > ((g == null ? void 0 : g.length) ?? 0) && b((D) => ({
10883
- ...D,
10884
- offset: D.offset + Z1
10900
+ ), f1 = y0((k) => {
10901
+ U(k), k || y(h1);
10902
+ }), v1 = Z(
10903
+ (k) => f1(k),
10904
+ [f1]
10905
+ ), k1 = Z(
10906
+ async (k) => {
10907
+ K || k && N.count && N.count > ((p == null ? void 0 : p.length) ?? 0) && y((E) => ({
10908
+ ...E,
10909
+ offset: E.offset + u1
10885
10910
  }));
10886
10911
  },
10887
- [G, g == null ? void 0 : g.length, k.count]
10888
- ), k1 = N(
10889
- (f) => {
10890
- m1(f), !f && Y && (U(void 0), b(h1), j(!0)), M == null || M(f);
10912
+ [K, p == null ? void 0 : p.length, N.count]
10913
+ ), M1 = Z(
10914
+ (k) => {
10915
+ p1(k), !k && B && (U(void 0), y(h1), $(!0)), g == null || g(k);
10891
10916
  },
10892
- [M, Y]
10917
+ [g, B]
10893
10918
  );
10894
- O(() => {
10895
- if (!n1.current || G) return;
10896
- (u || z && (c1 !== k.offset || C1 !== Y || !g)) && (l1({ offset: k.offset, limit: Z1, search: Y }), u && j(!1));
10897
- }, [u, z, k.offset, Y, c1, C1, g, G]), O(() => {
10898
- (c || v) && l1(h1), n1.current = !0;
10899
- }, []), O(() => {
10900
- p && a1((f) => {
10901
- const D = p.filter(
10902
- ($) => !f.some((R) => R.value === $.value)
10919
+ T(() => {
10920
+ if (!n1.current || K) return;
10921
+ (V || z && (c1 !== N.offset || C1 !== B || !p)) && (l1({ offset: N.offset, limit: u1, search: B }), V && $(!1));
10922
+ }, [V, z, N.offset, B, c1, C1, p, K]), T(() => {
10923
+ (c || M) && l1(h1), n1.current = !0;
10924
+ }, []), T(() => {
10925
+ v && a1((k) => {
10926
+ const E = v.filter(
10927
+ (F) => !k.some((x) => x.value === F.value)
10903
10928
  );
10904
- return [...f, ...D];
10929
+ return [...k, ...E];
10905
10930
  });
10906
- }, [p]);
10907
- const P = N(
10908
- (f) => {
10909
- h && h(f);
10910
- let D = [];
10911
- if (o ? D = Array.isArray(f) ? f : [] : D = f ? [f] : [], Y) {
10912
- const $ = D.filter(
10913
- (R) => !(W != null && W.some((K) => K.value === R))
10931
+ }, [v]);
10932
+ const P = Z(
10933
+ (k) => {
10934
+ h && h(k);
10935
+ let E = [];
10936
+ if (o ? E = Array.isArray(k) ? k : [] : E = k ? [k] : [], B) {
10937
+ const F = E.filter(
10938
+ (x) => !(j != null && j.some((Y) => Y.value === x))
10914
10939
  );
10915
- $.length > 0 && a1((R = []) => [
10916
- ...R,
10917
- ...$.map((K) => {
10918
- const y = g == null ? void 0 : g.find((i1) => i1.value === K);
10940
+ F.length > 0 && a1((x = []) => [
10941
+ ...x,
10942
+ ...F.map((Y) => {
10943
+ const I = p == null ? void 0 : p.find((i1) => i1.value === Y);
10919
10944
  return {
10920
- value: K,
10921
- label: (y == null ? void 0 : y.label) ?? K,
10922
- imageFallbackText: (y == null ? void 0 : y.imageFallbackText) ?? "",
10923
- image: (y == null ? void 0 : y.image) ?? void 0
10945
+ value: Y,
10946
+ label: (I == null ? void 0 : I.label) ?? Y,
10947
+ imageFallbackText: (I == null ? void 0 : I.imageFallbackText) ?? "",
10948
+ image: (I == null ? void 0 : I.image) ?? void 0
10924
10949
  };
10925
10950
  })
10926
- ]), U(void 0), b(h1), j(!0);
10951
+ ]), U(void 0), y(h1), $(!0);
10927
10952
  }
10928
10953
  },
10929
- [h, Y, o, g, W]
10930
- ), M1 = _1(
10954
+ [h, B, o, p, j]
10955
+ ), N1 = _1(
10931
10956
  () => ({
10932
10957
  id: d,
10933
10958
  width: t,
@@ -10935,18 +10960,18 @@ const Z1 = 100, h1 = {
10935
10960
  ref: l,
10936
10961
  placeholder: s,
10937
10962
  search: !0,
10938
- onSearchChange: f1,
10939
- onDropdownVisibleChange: k1,
10963
+ onSearchChange: v1,
10964
+ onDropdownVisibleChange: M1,
10940
10965
  scrollThresholdValue: w,
10941
- onScrollToEnd: v1,
10966
+ onScrollToEnd: k1,
10942
10967
  disabled: r,
10943
- isLoading: G,
10944
- optionRender: E,
10945
- dropdownRender: x,
10946
- readOnly: B,
10947
- clearable: I,
10948
- required: A,
10949
- error: S,
10968
+ isLoading: K,
10969
+ optionRender: m,
10970
+ dropdownRender: A,
10971
+ readOnly: b,
10972
+ clearable: O,
10973
+ required: D,
10974
+ error: W,
10950
10975
  variant: _
10951
10976
  }),
10952
10977
  [
@@ -10955,45 +10980,45 @@ const Z1 = 100, h1 = {
10955
10980
  P,
10956
10981
  l,
10957
10982
  s,
10958
- f1,
10959
- k1,
10960
- w,
10961
10983
  v1,
10984
+ M1,
10985
+ w,
10986
+ k1,
10962
10987
  r,
10963
- G,
10964
- E,
10965
- x,
10966
- B,
10967
- I,
10988
+ K,
10989
+ m,
10968
10990
  A,
10969
- S,
10991
+ b,
10992
+ O,
10993
+ D,
10994
+ W,
10970
10995
  _
10971
10996
  ]
10972
10997
  );
10973
10998
  o1(l, () => ({
10974
10999
  refetchOptions: async () => {
10975
- b(h1), U(void 0), j(!0);
11000
+ y(h1), U(void 0), $(!0);
10976
11001
  }
10977
11002
  }));
10978
11003
  const e1 = _1(() => {
10979
- const f = o && o !== "single", D = i.selectedItemVariant === "badge", $ = D ? g || [] : g || [], R = W, K = i, i1 = f ? {
11004
+ const k = o && o !== "single", E = i.selectedItemVariant === "badge", F = E ? p || [] : p || [], x = j, Y = i, i1 = k ? {
10980
11005
  mode: o,
10981
- overflowBehaviour: K.overflowBehaviour,
10982
- value: K.value
11006
+ overflowBehaviour: Y.overflowBehaviour,
11007
+ value: Y.value
10983
11008
  } : {
10984
11009
  mode: o,
10985
11010
  value: i.value
10986
11011
  };
10987
11012
  return {
10988
- ...M1,
11013
+ ...N1,
10989
11014
  ...i1,
10990
11015
  selectedItemVariant: i.selectedItemVariant,
10991
- options: $,
10992
- extraOptions: R
11016
+ options: F,
11017
+ extraOptions: x
10993
11018
  };
10994
- }, [o, i, M1, W, g]);
10995
- return /* @__PURE__ */ e("div", { className: "snmt-async-select", children: /* @__PURE__ */ e(A0, { ...e1 }) });
11019
+ }, [o, i, N1, j, p]);
11020
+ return /* @__PURE__ */ e("div", { className: "snmt-async-select", children: /* @__PURE__ */ e(B0, { ...e1 }) });
10996
11021
  });
10997
11022
  export {
10998
- y0 as AsyncSelect
11023
+ j0 as AsyncSelect
10999
11024
  };