@snmt-react-ui/async-select 1.13.14 → 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 (3) hide show
  1. package/dist/async-select.js +991 -968
  2. package/dist/index.css +1 -1
  3. 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 H1 } from "react";
4
- import { Select as O1, Tag as V1, Flex as T1, Checkbox as S1, Avatar as W1, Typography as g1, Popover as $1 } 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 j1 = Object.defineProperty, F1 = (i, l, C) => l in i ? j1(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 _1 = {};
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]) && _1[l[0]] || (q(l[0]) && (_1[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(_) ? _[_.length - 1] : _, g = [H, {}, !1];
115
- return g.t = H, 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((H) => J1(H, 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
- bindI18n: H,
135
- bindI18nStore: g
134
+ bindI18n: _,
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 _ = () => {
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 H && d && d.on(H, _), g && d && d.store.on(g, _), () => {
146
- A.current = !1, H && d && H.split(" ").forEach((k) => d.off(k, _)), g && d && g.split(" ").forEach((k) => d.store.off(k, _));
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;
153
- throw new Promise((H) => {
154
- l.lng ? x1(d, l.lng, o, () => H()) : R1(d, o, () => H());
151
+ const W = [m, d, c];
152
+ if (W.t = m, W.i18n = d, W.ready = c, c || !c && !w) return W;
153
+ throw new Promise((_) => {
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
- ), H2 = ({
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
- ), _2 = ({
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
- ), $2 = ({
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
- ), j2 = ({
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
- ), H5 = ({
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
- ), _5 = ({
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 H2({ 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 _2({ 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 $2({ 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 j2({
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 _5({ 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 H5({ 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
- ), $5 = ({
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
- ), j5 = ({
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
- ), H7 = ({
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
- ), _7 = ({
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
- ), $7 = ({
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
- ), j7 = ({
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 _7({ 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 $5({ 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 j5({ 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 H7({ 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 $7({ 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 j7({ 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,7 +5432,7 @@ 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
5437
  $1,
5418
5438
  {
@@ -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
- ), H9 = ({
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
- ), _9 = ({
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
- ), $9 = ({
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
- ), j9 = ({
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 H9({ 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 _9({ 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 j9({ 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 $9({ 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,19 +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 = "#004ed7" }) => {
8071
- const C = m4[i], t = `no-repeat linear-gradient(${l}
8072
- calc(50% - 10px), #0000 0 calc(50% + 10px), ${l} 0)`, h = {
8073
- width: C,
8074
- background: `${t} 0% 100%, ${t} 50% 100%, ${t} 100% 100%`,
8075
- backgroundSize: "20% calc(200% + 20px)"
8095
+ }, E1 = ({ size: i = "medium", color: l = a.BLUE_PRIMARY }) => {
8096
+ const C = {
8097
+ width: N4[i],
8098
+ "--loader-color": l
8076
8099
  };
8077
- return /* @__PURE__ */ e("span", { className: "snmt-loader", style: h });
8078
- }, p4 = ({
8100
+ return /* @__PURE__ */ e("span", { className: "snmt-loader", style: C });
8101
+ }, Z4 = ({
8079
8102
  width: i = 20,
8080
8103
  height: l = 20,
8081
8104
  color: C = a.GREY_DARK_5,
@@ -8099,7 +8122,7 @@ const g4 = ({
8099
8122
  }
8100
8123
  )
8101
8124
  }
8102
- ), f4 = ({
8125
+ ), u4 = ({
8103
8126
  width: i = 20,
8104
8127
  height: l = 20,
8105
8128
  color: C = a.GREY_DARK_5,
@@ -8123,7 +8146,7 @@ const g4 = ({
8123
8146
  }
8124
8147
  )
8125
8148
  }
8126
- ), v4 = ({
8149
+ ), V4 = ({
8127
8150
  width: i = 20,
8128
8151
  height: l = 20,
8129
8152
  color: C = a.GREY_DARK_5,
@@ -8147,7 +8170,7 @@ const g4 = ({
8147
8170
  }
8148
8171
  )
8149
8172
  }
8150
- ), k4 = ({
8173
+ ), H4 = ({
8151
8174
  width: i = 20,
8152
8175
  height: l = 20,
8153
8176
  color: C = a.GREY_DARK_5,
@@ -8172,7 +8195,7 @@ const g4 = ({
8172
8195
  }
8173
8196
  )
8174
8197
  }
8175
- ), M4 = ({
8198
+ ), _4 = ({
8176
8199
  width: i = 20,
8177
8200
  height: l = 20,
8178
8201
  color: C = a.GREY_DARK_5,
@@ -8212,7 +8235,7 @@ const g4 = ({
8212
8235
  )
8213
8236
  ]
8214
8237
  }
8215
- ), N4 = ({
8238
+ ), R4 = ({
8216
8239
  width: i = 20,
8217
8240
  height: l = 20,
8218
8241
  color: C = a.GREY_DARK_5,
@@ -8239,7 +8262,7 @@ const g4 = ({
8239
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)" }) }) })
8240
8263
  ]
8241
8264
  }
8242
- ), Z4 = ({
8265
+ ), x4 = ({
8243
8266
  width: i = 20,
8244
8267
  height: l = 20,
8245
8268
  color: C = a.GREY_DARK_5,
@@ -8263,7 +8286,7 @@ const g4 = ({
8263
8286
  }
8264
8287
  )
8265
8288
  }
8266
- ), u4 = ({
8289
+ ), A4 = ({
8267
8290
  width: i = 20,
8268
8291
  height: l = 20,
8269
8292
  color: C = a.GREY_DARK_5,
@@ -8290,7 +8313,7 @@ const g4 = ({
8290
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)" }) }) })
8291
8314
  ]
8292
8315
  }
8293
- ), V4 = ({
8316
+ ), D4 = ({
8294
8317
  width: i = 20,
8295
8318
  height: l = 20,
8296
8319
  color: C = a.GREY_DARK_5,
@@ -8314,7 +8337,7 @@ const g4 = ({
8314
8337
  }
8315
8338
  )
8316
8339
  }
8317
- ), H4 = ({
8340
+ ), E4 = ({
8318
8341
  width: i = 20,
8319
8342
  height: l = 20,
8320
8343
  color: C = a.GREY_DARK_5,
@@ -8354,7 +8377,7 @@ const g4 = ({
8354
8377
  )
8355
8378
  ]
8356
8379
  }
8357
- ), _4 = ({
8380
+ ), G4 = ({
8358
8381
  width: i = 20,
8359
8382
  height: l = 20,
8360
8383
  color: C = a.GREY_DARK_5,
@@ -8400,7 +8423,7 @@ const g4 = ({
8400
8423
  )
8401
8424
  ]
8402
8425
  }
8403
- ), R4 = ({
8426
+ ), K4 = ({
8404
8427
  width: i = 20,
8405
8428
  height: l = 20,
8406
8429
  color: C = a.GREY_DARK_5,
@@ -8447,7 +8470,7 @@ const g4 = ({
8447
8470
  )
8448
8471
  ]
8449
8472
  }
8450
- ), x4 = ({
8473
+ ), Y4 = ({
8451
8474
  width: i = 20,
8452
8475
  height: l = 20,
8453
8476
  color: C = a.GREY_DARK_5,
@@ -8471,7 +8494,7 @@ const g4 = ({
8471
8494
  }
8472
8495
  )
8473
8496
  }
8474
- ), A4 = ({
8497
+ ), B4 = ({
8475
8498
  width: i = 20,
8476
8499
  height: l = 20,
8477
8500
  color: C = a.GREY_DARK_5,
@@ -8495,7 +8518,7 @@ const g4 = ({
8495
8518
  }
8496
8519
  )
8497
8520
  }
8498
- ), D4 = ({
8521
+ ), b4 = ({
8499
8522
  width: i = 20,
8500
8523
  height: l = 20,
8501
8524
  color: C = a.GREY_DARK_5,
@@ -8519,7 +8542,7 @@ const g4 = ({
8519
8542
  }
8520
8543
  )
8521
8544
  }
8522
- ), E4 = ({
8545
+ ), y4 = ({
8523
8546
  width: i = 20,
8524
8547
  height: l = 20,
8525
8548
  color: C = a.GREY_DARK_5,
@@ -8580,7 +8603,7 @@ const g4 = ({
8580
8603
  )
8581
8604
  ]
8582
8605
  }
8583
- ), G4 = ({
8606
+ ), I4 = ({
8584
8607
  width: i = 20,
8585
8608
  height: l = 20,
8586
8609
  color: C = a.GREY_DARK_5,
@@ -8627,7 +8650,7 @@ const g4 = ({
8627
8650
  )
8628
8651
  ]
8629
8652
  }
8630
- ), K4 = ({
8653
+ ), O4 = ({
8631
8654
  width: i = 20,
8632
8655
  height: l = 20,
8633
8656
  color: C = a.GREY_DARK_5,
@@ -8667,7 +8690,7 @@ const g4 = ({
8667
8690
  )
8668
8691
  ]
8669
8692
  }
8670
- ), Y4 = ({
8693
+ ), T4 = ({
8671
8694
  width: i = 20,
8672
8695
  height: l = 20,
8673
8696
  color: C = a.GREY_DARK_5,
@@ -8707,7 +8730,7 @@ const g4 = ({
8707
8730
  )
8708
8731
  ]
8709
8732
  }
8710
- ), B4 = ({
8733
+ ), S4 = ({
8711
8734
  width: i = 20,
8712
8735
  height: l = 20,
8713
8736
  color: C = a.GREY_DARK_5,
@@ -8754,7 +8777,7 @@ const g4 = ({
8754
8777
  )
8755
8778
  ]
8756
8779
  }
8757
- ), b4 = ({
8780
+ ), W4 = ({
8758
8781
  width: i = 20,
8759
8782
  height: l = 20,
8760
8783
  color: C = a.GREY_DARK_5,
@@ -8801,7 +8824,7 @@ const g4 = ({
8801
8824
  )
8802
8825
  ]
8803
8826
  }
8804
- ), y4 = ({
8827
+ ), j4 = ({
8805
8828
  width: i = 20,
8806
8829
  height: l = 20,
8807
8830
  color: C = a.GREY_DARK_5,
@@ -8848,7 +8871,7 @@ const g4 = ({
8848
8871
  )
8849
8872
  ]
8850
8873
  }
8851
- ), I4 = ({
8874
+ ), $4 = ({
8852
8875
  width: i = 20,
8853
8876
  height: l = 20,
8854
8877
  color: C = a.GREY_DARK_5,
@@ -8888,7 +8911,7 @@ const g4 = ({
8888
8911
  )
8889
8912
  ]
8890
8913
  }
8891
- ), O4 = ({
8914
+ ), F4 = ({
8892
8915
  width: i = 20,
8893
8916
  height: l = 20,
8894
8917
  color: C = a.GREY_DARK_5,
@@ -8921,7 +8944,7 @@ const g4 = ({
8921
8944
  )
8922
8945
  ]
8923
8946
  }
8924
- ), T4 = ({
8947
+ ), P4 = ({
8925
8948
  width: i = 20,
8926
8949
  height: l = 20,
8927
8950
  color: C = a.GREY_DARK_5,
@@ -8954,7 +8977,7 @@ const g4 = ({
8954
8977
  )
8955
8978
  ]
8956
8979
  }
8957
- ), S4 = ({
8980
+ ), U4 = ({
8958
8981
  width: i = 20,
8959
8982
  height: l = 20,
8960
8983
  color: C = a.GREY_DARK_5,
@@ -8987,7 +9010,7 @@ const g4 = ({
8987
9010
  )
8988
9011
  ]
8989
9012
  }
8990
- ), W4 = ({
9013
+ ), z4 = ({
8991
9014
  width: i = 20,
8992
9015
  height: l = 20,
8993
9016
  color: C = a.GREY_DARK_5,
@@ -9020,7 +9043,7 @@ const g4 = ({
9020
9043
  )
9021
9044
  ]
9022
9045
  }
9023
- ), $4 = ({
9046
+ ), q4 = ({
9024
9047
  width: i = 20,
9025
9048
  height: l = 20,
9026
9049
  color: C = a.GREY_DARK_5,
@@ -9060,7 +9083,7 @@ const g4 = ({
9060
9083
  )
9061
9084
  ]
9062
9085
  }
9063
- ), j4 = ({
9086
+ ), J4 = ({
9064
9087
  width: i = 20,
9065
9088
  height: l = 20,
9066
9089
  color: C = a.GREY_DARK_5,
@@ -9093,7 +9116,7 @@ const g4 = ({
9093
9116
  )
9094
9117
  ]
9095
9118
  }
9096
- ), F4 = ({
9119
+ ), Q4 = ({
9097
9120
  width: i = 20,
9098
9121
  height: l = 20,
9099
9122
  color: C = a.GREY_DARK_5,
@@ -9126,7 +9149,7 @@ const g4 = ({
9126
9149
  )
9127
9150
  ]
9128
9151
  }
9129
- ), P4 = ({
9152
+ ), X4 = ({
9130
9153
  width: i = 20,
9131
9154
  height: l = 20,
9132
9155
  color: C = "#070739",
@@ -9156,7 +9179,7 @@ const g4 = ({
9156
9179
  /* @__PURE__ */ e("circle", { cx: "10", cy: "10", r: "2.375", stroke: C, strokeWidth: "1.25" })
9157
9180
  ]
9158
9181
  }
9159
- ), U4 = ({
9182
+ ), C0 = ({
9160
9183
  width: i = 20,
9161
9184
  height: l = 20,
9162
9185
  color: C = "#070739",
@@ -9194,7 +9217,7 @@ const g4 = ({
9194
9217
  )
9195
9218
  ]
9196
9219
  }
9197
- ), z4 = ({
9220
+ ), l0 = ({
9198
9221
  width: i = 20,
9199
9222
  height: l = 20,
9200
9223
  color: C = a.GREY_DARK_5,
@@ -9227,7 +9250,7 @@ const g4 = ({
9227
9250
  )
9228
9251
  ]
9229
9252
  }
9230
- ), q4 = ({
9253
+ ), e0 = ({
9231
9254
  width: i = 20,
9232
9255
  height: l = 20,
9233
9256
  color: C = a.GREY_DARK_5,
@@ -9260,7 +9283,7 @@ const g4 = ({
9260
9283
  )
9261
9284
  ]
9262
9285
  }
9263
- ), J4 = ({
9286
+ ), i0 = ({
9264
9287
  width: i = 20,
9265
9288
  height: l = 20,
9266
9289
  color: C = a.GREY_DARK_5,
@@ -9307,7 +9330,7 @@ const g4 = ({
9307
9330
  )
9308
9331
  ]
9309
9332
  }
9310
- ), X4 = ({
9333
+ ), t0 = ({
9311
9334
  className: i,
9312
9335
  color: l = a.GREY_DARK_5,
9313
9336
  height: C = 20,
@@ -9340,7 +9363,7 @@ const g4 = ({
9340
9363
  )
9341
9364
  ]
9342
9365
  }
9343
- ), Q4 = ({
9366
+ ), h0 = ({
9344
9367
  className: i,
9345
9368
  color: l = a.GREY_DARK_5,
9346
9369
  height: C = 5,
@@ -9364,7 +9387,7 @@ const g4 = ({
9364
9387
  }
9365
9388
  )
9366
9389
  }
9367
- ), C0 = ({
9390
+ ), o0 = ({
9368
9391
  className: i,
9369
9392
  color: l = a.GREY_DARK_5,
9370
9393
  height: C = 5,
@@ -9389,7 +9412,7 @@ const g4 = ({
9389
9412
  }
9390
9413
  )
9391
9414
  }
9392
- ), l0 = ({
9415
+ ), s0 = ({
9393
9416
  className: i,
9394
9417
  color: l = a.GREY_DARK_5,
9395
9418
  height: C = 20,
@@ -9422,7 +9445,7 @@ const g4 = ({
9422
9445
  )
9423
9446
  ]
9424
9447
  }
9425
- ), e0 = ({
9448
+ ), a0 = ({
9426
9449
  className: i,
9427
9450
  color: l = a.GREY_DARK_5,
9428
9451
  height: C = 20,
@@ -9461,7 +9484,7 @@ const g4 = ({
9461
9484
  )
9462
9485
  ]
9463
9486
  }
9464
- ), i0 = ({
9487
+ ), c0 = ({
9465
9488
  className: i,
9466
9489
  color: l = a.GREY_DARK_5,
9467
9490
  height: C = 20,
@@ -9485,7 +9508,7 @@ const g4 = ({
9485
9508
  }
9486
9509
  )
9487
9510
  }
9488
- ), t0 = ({
9511
+ ), n0 = ({
9489
9512
  className: i,
9490
9513
  color: l = a.GREY_DARK_5,
9491
9514
  height: C = 20,
@@ -9532,7 +9555,7 @@ const g4 = ({
9532
9555
  )
9533
9556
  ]
9534
9557
  }
9535
- ), h0 = ({
9558
+ ), r0 = ({
9536
9559
  className: i,
9537
9560
  color: l = a.GREY_DARK_5,
9538
9561
  height: C = 20,
@@ -9565,7 +9588,7 @@ const g4 = ({
9565
9588
  )
9566
9589
  ]
9567
9590
  }
9568
- ), o0 = ({
9591
+ ), d0 = ({
9569
9592
  className: i,
9570
9593
  color: l = a.GREY_DARK_5,
9571
9594
  height: C = 20,
@@ -9602,7 +9625,7 @@ const g4 = ({
9602
9625
  )
9603
9626
  ]
9604
9627
  }
9605
- ), s0 = ({
9628
+ ), w0 = ({
9606
9629
  className: i,
9607
9630
  color: l = a.GREY_DARK_5,
9608
9631
  height: C = 20,
@@ -9626,7 +9649,7 @@ const g4 = ({
9626
9649
  }
9627
9650
  )
9628
9651
  }
9629
- ), a0 = ({
9652
+ ), L0 = ({
9630
9653
  className: i,
9631
9654
  color: l = a.GREY_DARK_5,
9632
9655
  height: C = 20,
@@ -9687,7 +9710,7 @@ const g4 = ({
9687
9710
  )
9688
9711
  ]
9689
9712
  }
9690
- ), c0 = ({
9713
+ ), g0 = ({
9691
9714
  className: i,
9692
9715
  color: l = a.GREY_DARK_5,
9693
9716
  height: C = 20,
@@ -9724,7 +9747,7 @@ const g4 = ({
9724
9747
  )
9725
9748
  ]
9726
9749
  }
9727
- ), n0 = ({
9750
+ ), m0 = ({
9728
9751
  className: i,
9729
9752
  color: l = a.GREY_DARK_5,
9730
9753
  height: C = 20,
@@ -9764,7 +9787,7 @@ const g4 = ({
9764
9787
  )
9765
9788
  ]
9766
9789
  }
9767
- ), r0 = ({
9790
+ ), p0 = ({
9768
9791
  className: i,
9769
9792
  color: l = a.GREY_DARK_5,
9770
9793
  height: C = 20,
@@ -9797,7 +9820,7 @@ const g4 = ({
9797
9820
  )
9798
9821
  ]
9799
9822
  }
9800
- ), d0 = ({
9823
+ ), f0 = ({
9801
9824
  className: i,
9802
9825
  color: l = a.GREY_DARK_5,
9803
9826
  height: C = 20,
@@ -9830,7 +9853,7 @@ const g4 = ({
9830
9853
  )
9831
9854
  ]
9832
9855
  }
9833
- ), w0 = ({
9856
+ ), v0 = ({
9834
9857
  className: i,
9835
9858
  color: l = a.GREY_DARK_5,
9836
9859
  height: C = 20,
@@ -9884,7 +9907,7 @@ const g4 = ({
9884
9907
  )
9885
9908
  ]
9886
9909
  }
9887
- ), L0 = ({
9910
+ ), k0 = ({
9888
9911
  className: i,
9889
9912
  color: l = a.GREY_DARK_5,
9890
9913
  height: C = 20,
@@ -9931,7 +9954,7 @@ const g4 = ({
9931
9954
  )
9932
9955
  ]
9933
9956
  }
9934
- ), g0 = ({
9957
+ ), M0 = ({
9935
9958
  className: i,
9936
9959
  color: l = a.GREY_DARK_5,
9937
9960
  height: C = 20,
@@ -9971,7 +9994,7 @@ const g4 = ({
9971
9994
  )
9972
9995
  ]
9973
9996
  }
9974
- ), m0 = ({
9997
+ ), N0 = ({
9975
9998
  className: i,
9976
9999
  color: l = a.GREY_DARK_5,
9977
10000
  height: C = 20,
@@ -9995,7 +10018,7 @@ const g4 = ({
9995
10018
  }
9996
10019
  )
9997
10020
  }
9998
- ), p0 = ({
10021
+ ), Z0 = ({
9999
10022
  className: i,
10000
10023
  color: l = a.GREY_DARK_5,
10001
10024
  height: C = 20,
@@ -10035,7 +10058,7 @@ const g4 = ({
10035
10058
  )
10036
10059
  ]
10037
10060
  }
10038
- ), f0 = ({
10061
+ ), u0 = ({
10039
10062
  className: i,
10040
10063
  color: l = a.GREY_DARK_5,
10041
10064
  height: C = 20,
@@ -10075,7 +10098,7 @@ const g4 = ({
10075
10098
  )
10076
10099
  ]
10077
10100
  }
10078
- ), v0 = ({
10101
+ ), V0 = ({
10079
10102
  width: i = 20,
10080
10103
  height: l = 20,
10081
10104
  color: C = a.GREY_DARK_5,
@@ -10099,7 +10122,7 @@ const g4 = ({
10099
10122
  }
10100
10123
  )
10101
10124
  }
10102
- ), k0 = ({
10125
+ ), H0 = ({
10103
10126
  width: i = 24,
10104
10127
  height: l = 24,
10105
10128
  color: C = "#131314",
@@ -10132,7 +10155,7 @@ const g4 = ({
10132
10155
  )
10133
10156
  ]
10134
10157
  }
10135
- ), M0 = ({
10158
+ ), _0 = ({
10136
10159
  width: i = 20,
10137
10160
  height: l = 20,
10138
10161
  color: C = a.GREY_DARK_5,
@@ -10165,7 +10188,7 @@ const g4 = ({
10165
10188
  )
10166
10189
  ]
10167
10190
  }
10168
- ), N0 = ({
10191
+ ), R0 = ({
10169
10192
  width: i = 20,
10170
10193
  height: l = 20,
10171
10194
  color: C = a.GREY_DARK_5,
@@ -10205,7 +10228,7 @@ const g4 = ({
10205
10228
  )
10206
10229
  ]
10207
10230
  }
10208
- ), Z0 = ({
10231
+ ), x0 = ({
10209
10232
  width: i = 20,
10210
10233
  height: l = 20,
10211
10234
  color: C = a.GREY_DARK_5,
@@ -10266,7 +10289,7 @@ const g4 = ({
10266
10289
  )
10267
10290
  ]
10268
10291
  }
10269
- ), u0 = ({
10292
+ ), A0 = ({
10270
10293
  width: i = 20,
10271
10294
  height: l = 20,
10272
10295
  color: C = a.GREY_DARK_5,
@@ -10306,7 +10329,7 @@ const g4 = ({
10306
10329
  )
10307
10330
  ]
10308
10331
  }
10309
- ), V0 = ({
10332
+ ), D0 = ({
10310
10333
  width: i = 20,
10311
10334
  height: l = 20,
10312
10335
  color: C = a.GREY_DARK_5,
@@ -10330,7 +10353,7 @@ const g4 = ({
10330
10353
  }
10331
10354
  )
10332
10355
  }
10333
- ), H0 = ({
10356
+ ), E0 = ({
10334
10357
  name: i,
10335
10358
  width: l,
10336
10359
  height: C,
@@ -10339,45 +10362,45 @@ const g4 = ({
10339
10362
  disabled: d = !1,
10340
10363
  onClick: r
10341
10364
  }) => {
10342
- 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;
10343
- 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: (() => {
10344
10367
  switch (i) {
10345
10368
  case "arrow1Down":
10346
- 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 });
10347
10370
  case "arrow1Up":
10348
- 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 });
10349
10372
  case "arrow1Right":
10350
- 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 });
10351
10374
  case "arrow1Left":
10352
- 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 });
10353
10376
  case "info":
10354
- return M4({ width: l, height: C, color: s, className: c, onClick: o });
10377
+ return _4({ width: l, height: C, color: s, className: c, onClick: o });
10355
10378
  case "archive":
10356
- return H4({ width: l, height: C, color: s, className: c, onClick: o });
10379
+ return E4({ width: l, height: C, color: s, className: c, onClick: o });
10357
10380
  case "unarchive":
10358
- return _4({ width: l, height: C, color: s, className: c, onClick: o });
10381
+ return G4({ width: l, height: C, color: s, className: c, onClick: o });
10359
10382
  case "calendar":
10360
- 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 });
10361
10384
  case "check":
10362
- 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 });
10363
10386
  case "cancel":
10364
- 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 });
10365
10388
  case "add":
10366
- 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 });
10367
10390
  case "list":
10368
- 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 });
10369
10392
  case "dragAndDrop":
10370
- 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 });
10371
10394
  case "filter1":
10372
- 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 });
10373
10396
  case "filter2":
10374
- 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 });
10375
10398
  case "attention":
10376
- 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 });
10377
10400
  case "users":
10378
- 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 });
10379
10402
  case "mySkillsMatrix":
10380
- return b4({
10403
+ return W4({
10381
10404
  width: l,
10382
10405
  height: C,
10383
10406
  color: s,
@@ -10385,9 +10408,9 @@ const g4 = ({
10385
10408
  onClick: o
10386
10409
  });
10387
10410
  case "skills":
10388
- 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 });
10389
10412
  case "skillsMatrices":
10390
- return I4({
10413
+ return $4({
10391
10414
  width: l,
10392
10415
  height: C,
10393
10416
  color: s,
@@ -10395,21 +10418,21 @@ const g4 = ({
10395
10418
  onClick: o
10396
10419
  });
10397
10420
  case "history":
10398
- 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 });
10399
10422
  case "logOut":
10400
- 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 });
10401
10424
  case "settings":
10402
- 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 });
10403
10426
  case "trash":
10404
- 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 });
10405
10428
  case "settings2":
10406
- return $4({ width: l, height: C, color: s, className: c, onClick: o });
10429
+ return q4({ width: l, height: C, color: s, className: c, onClick: o });
10407
10430
  case "checkCircle":
10408
- return j4({ width: l, height: C, color: s, className: c, onClick: o });
10431
+ return J4({ width: l, height: C, color: s, className: c, onClick: o });
10409
10432
  case "cancelCircle":
10410
- 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 });
10411
10434
  case "visibilityIcon":
10412
- return P4({
10435
+ return X4({
10413
10436
  width: l,
10414
10437
  height: C,
10415
10438
  color: s,
@@ -10417,7 +10440,7 @@ const g4 = ({
10417
10440
  onClick: o
10418
10441
  });
10419
10442
  case "visibilityOffIcon":
10420
- return U4({
10443
+ return C0({
10421
10444
  width: l,
10422
10445
  height: C,
10423
10446
  color: s,
@@ -10425,85 +10448,85 @@ const g4 = ({
10425
10448
  onClick: o
10426
10449
  });
10427
10450
  case "sortUp":
10428
- 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 });
10429
10452
  case "sortDown":
10430
- 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 });
10431
10454
  case "sortDouble":
10432
- 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 });
10433
10456
  case "search":
10434
- 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 });
10435
10458
  case "arrowUpFilled":
10436
- 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 });
10437
10460
  case "arrowDownFilled":
10438
- 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 });
10439
10462
  case "arrow2Up":
10440
- 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 });
10441
10464
  case "arrow2Right":
10442
- 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 });
10443
10466
  case "arrow2Down":
10444
- 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 });
10445
10468
  case "arrow2Left":
10446
- 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 });
10447
10470
  case "link":
10448
- 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 });
10449
10472
  case "telegram":
10450
- 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 });
10451
10474
  case "mail":
10452
- 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 });
10453
10476
  case "github":
10454
- 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 });
10455
10478
  case "linkedIn":
10456
- 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 });
10457
10480
  case "emptyStateIcon":
10458
- 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 });
10459
10482
  case "dotMenuIcon":
10460
- 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 });
10461
10484
  case "plusCircle":
10462
- 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 });
10463
10486
  case "warning":
10464
- 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 });
10465
10488
  case "bell":
10466
- 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 });
10467
10490
  case "copy":
10468
- 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 });
10469
10492
  case "contract":
10470
- 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 });
10471
10494
  case "resourceManager":
10472
- 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 });
10473
10496
  case "image":
10474
- 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 });
10475
10498
  case "edit":
10476
- 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 });
10477
10500
  case "burgerMenu":
10478
- 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 });
10479
10502
  case "refresh":
10480
- 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 });
10481
10504
  case "projects":
10482
- 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 });
10483
10506
  case "user":
10484
- 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 });
10485
10508
  case "exit":
10486
- 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 });
10487
10510
  case "status":
10488
- 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 });
10489
10512
  case "community":
10490
- 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 });
10491
10514
  case "docs":
10492
- 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 });
10493
10516
  case "unpaidLeave":
10494
- 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 });
10495
10518
  default:
10496
- return /* @__PURE__ */ e(F, { children: "No Icon provided" });
10519
+ return /* @__PURE__ */ e(G, { children: "No Icon provided" });
10497
10520
  }
10498
10521
  })() });
10499
- }, _0 = ({
10522
+ }, G0 = ({
10500
10523
  iconName: i = "arrow2Down",
10501
10524
  isActive: l,
10502
10525
  rotationDirection: C = "cw",
10503
10526
  disabled: t = !1,
10504
10527
  onClick: h
10505
10528
  }) => {
10506
- const d = x0(l, t), r = R0(l, t);
10529
+ const d = Y0(l, t), r = K0(l, t);
10507
10530
  return /* @__PURE__ */ e(
10508
10531
  "button",
10509
10532
  {
@@ -10511,7 +10534,7 @@ const g4 = ({
10511
10534
  onClick: h,
10512
10535
  disabled: t,
10513
10536
  children: /* @__PURE__ */ e(
10514
- H0,
10537
+ E0,
10515
10538
  {
10516
10539
  name: i,
10517
10540
  className: "snmt-arrow-button-icon-rotation" + (l && !t ? `-${C}` : "-initial"),
@@ -10521,13 +10544,13 @@ const g4 = ({
10521
10544
  }
10522
10545
  );
10523
10546
  };
10524
- function R0(i, l) {
10547
+ function K0(i, l) {
10525
10548
  return i && !l ? "-active" : l ? "-disabled" : "";
10526
10549
  }
10527
- function x0(i, l) {
10550
+ function Y0(i, l) {
10528
10551
  return l ? a.GREY_DARK_2 : i ? a.GREY_LIGHT_0 : a.GREY_DARK_4;
10529
10552
  }
10530
- const A0 = J((i, l) => {
10553
+ const B0 = J((i, l) => {
10531
10554
  const {
10532
10555
  value: C,
10533
10556
  onChange: t,
@@ -10538,178 +10561,178 @@ const A0 = J((i, l) => {
10538
10561
  width: s,
10539
10562
  disabled: o = !1,
10540
10563
  required: c = !1,
10541
- clearable: v = !0,
10542
- scrollThresholdValue: p = 50,
10543
- onSearchChange: M,
10544
- onDropdownVisibleChange: E,
10545
- onScrollToEnd: x,
10546
- onPopupScroll: B,
10547
- id: I,
10548
- extraOptions: A,
10549
- dropdownRender: S,
10550
- optionRender: H,
10551
- isLoading: g,
10552
- readOnly: _,
10553
- error: k,
10554
- selectedItemVariant: b = "default",
10555
- variant: G = "outlined"
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,
10573
+ optionRender: _,
10574
+ isLoading: p,
10575
+ readOnly: R,
10576
+ error: N,
10577
+ selectedItemVariant: y = "default",
10578
+ variant: K = "outlined"
10556
10579
  } = i;
10557
- let Q;
10558
- d && d !== "single" && (Q = i.overflowBehaviour ?? "responsive");
10559
- const [Y, U] = Z(!1), [z, m1] = Z(!1), [W, a1] = Z(!1), [c1, C1] = Z(!0), [u, $] = Z(C), n1 = T(null), l1 = d === "single" && b === "badge";
10560
- O(() => {
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(() => {
10561
10584
  $(C);
10562
10585
  }, [C]);
10563
- const p1 = (L) => {
10564
- U(L), E && E(L);
10565
- }, f1 = (L, m) => {
10566
- var V;
10567
- return !!((V = m == null ? void 0 : m.label) != null && V.toString().toLowerCase().includes(L.toLowerCase()));
10568
- }, v1 = () => {
10569
- 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()));
10570
10591
  }, k1 = () => {
10571
- m1(!1);
10572
- }, P = N(
10592
+ p1(!0);
10593
+ }, M1 = () => {
10594
+ p1(!1);
10595
+ }, P = Z(
10573
10596
  (L) => {
10574
- let m = null;
10597
+ let f = null;
10575
10598
  if (l1) {
10576
- const V = Array.isArray(L) ? L : [];
10577
- m = V.length > 1 ? [V[V.length - 1]] : V;
10578
- const r1 = m.length > 0 ? m[0] : null;
10579
- t == null || t(r1), $(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);
10580
10603
  return;
10581
10604
  }
10582
10605
  if (d && d !== "single") {
10583
- const V = L;
10584
- t == null || t(V), $(V);
10606
+ const H = L;
10607
+ t == null || t(H), $(H);
10585
10608
  return;
10586
10609
  }
10587
- m = Array.isArray(L) ? null : L || null, t == null || t(m), $(m);
10610
+ f = Array.isArray(L) ? null : L || null, t == null || t(f), $(f);
10588
10611
  },
10589
10612
  [d, t, l1]
10590
- ), M1 = N(() => {
10591
- if (!(_ || o)) {
10613
+ ), N1 = Z(() => {
10614
+ if (!(R || o)) {
10592
10615
  if (d) {
10593
10616
  P([]);
10594
10617
  return;
10595
10618
  }
10596
10619
  P("");
10597
10620
  }
10598
- }, [o, P, d, _]), e1 = N(
10621
+ }, [o, P, d, R]), e1 = Z(
10599
10622
  (L) => {
10600
- const m = u.filter((V) => V !== L);
10601
- P(m), $(m);
10623
+ const f = V.filter((H) => H !== L);
10624
+ P(f), $(f);
10602
10625
  },
10603
- [P, u]
10604
- ), f = N(
10605
- (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 ? (
10606
10629
  // if the search input is empty
10607
10630
  // then display the placeholder, else do not display it
10608
10631
  /* @__PURE__ */ e("span", { className: "custom-placeholder", children: c1 ? h : "" })
10609
- ) : /* @__PURE__ */ e(F, {}),
10610
- [c1, u, h]
10611
- ), D = (L) => {
10632
+ ) : /* @__PURE__ */ e(G, {}),
10633
+ [c1, V, h]
10634
+ ), E = (L) => {
10612
10635
  L.preventDefault(), L.stopPropagation();
10613
- }, j = async (L) => {
10614
- const { target: m } = L;
10615
- m.scrollTop + m.offsetHeight >= m.scrollHeight - p && (x == null || x(!0)), B && await B(L);
10616
- }, 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(
10617
10640
  (L) => {
10618
- var m, V;
10619
- 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;
10620
10643
  },
10621
- [A, w]
10622
- ), K = N(
10623
- (L, m = "default") => {
10624
- var V;
10644
+ [D, w]
10645
+ ), Y = Z(
10646
+ (L, f = "default") => {
10647
+ var H;
10625
10648
  return /* @__PURE__ */ e(
10626
- g4,
10649
+ M4,
10627
10650
  {
10628
10651
  values: L,
10629
10652
  onTagClose: e1,
10630
- maxWidth: ((V = n1.current) == null ? void 0 : V.clientWidth) || 0,
10653
+ maxWidth: ((H = n1.current) == null ? void 0 : H.clientWidth) || 0,
10631
10654
  disabled: o,
10632
- closable: !_,
10655
+ closable: !R,
10633
10656
  options: w,
10634
- extraOptions: A,
10635
- selectedItemVariant: m
10657
+ extraOptions: D,
10658
+ selectedItemVariant: f
10636
10659
  }
10637
10660
  );
10638
10661
  },
10639
- [o, A, e1, w, _]
10640
- ), y = N(
10641
- ({ label: L, value: m, mode: V }) => {
10642
- if (V === "filter")
10643
- 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);
10644
10667
  {
10645
- const r1 = b === "badge" && w.find((y1) => y1.label === L), t1 = typeof L == "object" ? L : R(m);
10646
- return /* @__PURE__ */ e("div", { onMouseDown: D, className: "tag-wrapper", children: b === "badge" ? /* @__PURE__ */ e(
10647
- 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,
10648
10671
  {
10649
10672
  variant: "regular",
10650
10673
  size: "small",
10651
10674
  color: r1 ? r1.color : "cyan",
10652
10675
  text: t1
10653
10676
  }
10654
- ) : /* @__PURE__ */ e(Y1, { onClose: () => e1(m), disabled: o, children: t1 }) });
10677
+ ) : /* @__PURE__ */ e(B1, { onClose: () => e1(f), disabled: o, children: t1 }) });
10655
10678
  }
10656
10679
  },
10657
- [o, R, e1, f, b, w]
10658
- ), 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() !== "";
10659
10682
  return /* @__PURE__ */ n(
10660
10683
  "div",
10661
10684
  {
10662
- className: `snmt-select-container ${G === "borderless" ? "snmt-select-container-borderless" : ""}`,
10685
+ className: `snmt-select-container ${K === "borderless" ? "snmt-select-container-borderless" : ""}`,
10663
10686
  children: [
10664
10687
  /* @__PURE__ */ n(
10665
10688
  "div",
10666
10689
  {
10667
10690
  className: `snmt-select ${z ? "snmt-select-focused" : ""}
10668
10691
  ${d ? "" : "snmt-select-single"}
10669
- ${_ ? "snmt-select-read-only" : ""}
10670
- ${Q === "static" ? "snmt-select-static" : ""}
10671
- ${G === "borderless" ? "snmt-select-borderless" : ""}`,
10692
+ ${R ? "snmt-select-read-only" : ""}
10693
+ ${X === "static" ? "snmt-select-static" : ""}
10694
+ ${K === "borderless" ? "snmt-select-borderless" : ""}`,
10672
10695
  ref: n1,
10673
10696
  style: { width: s },
10674
10697
  children: [
10675
10698
  /* @__PURE__ */ e(
10676
- O1,
10699
+ T1,
10677
10700
  {
10678
10701
  className: "snmt-select-blank",
10679
- popupClassName: _ ? "dropdown-read-only" : "",
10680
- id: I,
10702
+ popupClassName: R ? "dropdown-read-only" : "",
10703
+ id: O,
10681
10704
  ref: l,
10682
10705
  showSearch: !!r,
10683
- filterOption: r && f1,
10684
- onDropdownVisibleChange: p1,
10706
+ filterOption: r && v1,
10707
+ onDropdownVisibleChange: f1,
10685
10708
  disabled: o,
10686
- value: u || void 0,
10709
+ value: V || void 0,
10687
10710
  labelRender: (L) => {
10688
- const m = R(L.value);
10689
- 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;
10690
10713
  },
10691
- mode: D0(d, l1),
10692
- variant: G,
10714
+ mode: b0(d, l1),
10715
+ variant: K,
10693
10716
  onChange: P,
10694
- onFocus: v1,
10695
- onBlur: k1,
10717
+ onFocus: k1,
10718
+ onBlur: M1,
10696
10719
  onMouseEnter: () => a1(!0),
10697
10720
  onMouseLeave: () => a1(!1),
10698
10721
  onSearch: (L) => {
10699
- C1(!L), M && M(L);
10722
+ C1(!L), g && g(L);
10700
10723
  },
10701
10724
  onSelect: () => C1(!0),
10702
10725
  onDeselect: () => C1(!0),
10703
- tagRender: (L) => y({ ...L, mode: d }),
10704
- maxTagCount: Q === "responsive" ? "responsive" : void 0,
10705
- maxTagPlaceholder: (L) => K(L, b),
10706
- onPopupScroll: j,
10707
- prefix: g && /* @__PURE__ */ e(D1, { size: "small" }),
10708
- suffixIcon: /* @__PURE__ */ e("div", { className: "wrapper-suffix-icon", children: d !== "filter" && /* @__PURE__ */ n(F, { children: [
10709
- 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(
10710
10733
  "div",
10711
10734
  {
10712
- onClick: M1,
10735
+ onClick: N1,
10713
10736
  style: {
10714
10737
  cursor: o ? "not-allowed" : "pointer"
10715
10738
  },
@@ -10722,36 +10745,36 @@ const A0 = J((i, l) => {
10722
10745
  )
10723
10746
  }
10724
10747
  ),
10725
- G === "borderless" && (W || z) && /* @__PURE__ */ e(
10726
- _0,
10748
+ K === "borderless" && (j || z) && /* @__PURE__ */ e(
10749
+ G0,
10727
10750
  {
10728
- isActive: Y,
10729
- onClick: () => U(!Y)
10751
+ isActive: B,
10752
+ onClick: () => U(!B)
10730
10753
  }
10731
10754
  ),
10732
- G === "outlined" && /* @__PURE__ */ e(
10755
+ K === "outlined" && /* @__PURE__ */ e(
10733
10756
  d1,
10734
10757
  {
10735
10758
  name: "arrow2Down",
10736
10759
  color: o ? a.GREY_DARK_1 : a.GREY_DARK_2,
10737
- className: Y ? "select-arrow-rotated" : "select-arrow",
10738
- onClick: () => U(!Y)
10760
+ className: B ? "select-arrow-rotated" : "select-arrow",
10761
+ onClick: () => U(!B)
10739
10762
  }
10740
10763
  )
10741
10764
  ] }) }),
10742
10765
  removeIcon: /* @__PURE__ */ e(d1, { name: "cancelCircle", color: a.GREY_DARK_1 }),
10743
10766
  options: w,
10744
- optionRender: (L) => H ? H(L.data) : /* @__PURE__ */ n(w1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
10767
+ optionRender: (L) => _ ? _(L.data) : /* @__PURE__ */ n(w1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
10745
10768
  /* @__PURE__ */ n(w1, { alignItems: "center", gap: 12, children: [
10746
10769
  d && /* @__PURE__ */ e(
10747
- N2,
10770
+ V2,
10748
10771
  {
10749
- checked: !!(u != null && u.includes(L.value))
10772
+ checked: !!(V != null && V.includes(L.value))
10750
10773
  }
10751
10774
  ),
10752
10775
  /* @__PURE__ */ n(w1, { alignItems: "center", gap: 8, children: [
10753
10776
  L.data.image !== void 0 && /* @__PURE__ */ e(
10754
- m2,
10777
+ f2,
10755
10778
  {
10756
10779
  src: L.data.image,
10757
10780
  variant: "xsmall",
@@ -10761,33 +10784,33 @@ const A0 = J((i, l) => {
10761
10784
  /* @__PURE__ */ e("span", { children: L.label })
10762
10785
  ] })
10763
10786
  ] }),
10764
- !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 })
10765
10788
  ] }),
10766
10789
  dropdownRender: (L) => /* @__PURE__ */ n("div", { className: "dropdown-container", children: [
10767
- /* @__PURE__ */ e("div", { className: "dropdown-menu", children: S ? S(L) : L }),
10768
- 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, {}) })
10769
10792
  ] })
10770
10793
  }
10771
10794
  ),
10772
- h && G !== "borderless" && /* @__PURE__ */ e(
10795
+ h && K !== "borderless" && /* @__PURE__ */ e(
10773
10796
  "label",
10774
10797
  {
10775
- 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" : ""}`,
10776
10799
  children: c ? `${h}*` : h
10777
10800
  }
10778
10801
  ),
10779
10802
  /* @__PURE__ */ e(
10780
10803
  "fieldset",
10781
10804
  {
10782
- className: `${z ? "fieldset-focused" : ""} ${o ? "fieldset-disabled" : ""} ${i1 ? "fieldset-filled" : ""} ${k ? "fieldset-error" : ""}
10783
- ${W ? "fieldset-hovered" : ""}`,
10784
- 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 }) })
10785
10808
  }
10786
10809
  )
10787
10810
  ]
10788
10811
  }
10789
10812
  ),
10790
- k && /* @__PURE__ */ n(w1, { justifyContent: "flex-start", gap: 6, children: [
10813
+ N && /* @__PURE__ */ n(w1, { justifyContent: "flex-start", gap: 6, children: [
10791
10814
  /* @__PURE__ */ e(
10792
10815
  d1,
10793
10816
  {
@@ -10797,18 +10820,18 @@ const A0 = J((i, l) => {
10797
10820
  width: 16
10798
10821
  }
10799
10822
  ),
10800
- 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
10801
10824
  ] })
10802
10825
  ]
10803
10826
  }
10804
10827
  );
10805
10828
  });
10806
- function D0(i, l) {
10829
+ function b0(i, l) {
10807
10830
  return i === "filter" || l ? "multiple" : i === "single" ? void 0 : i;
10808
10831
  }
10809
- function E0(i, l = 500) {
10810
- const C = T();
10811
- return O(() => () => {
10832
+ function y0(i, l = 500) {
10833
+ const C = S();
10834
+ return T(() => () => {
10812
10835
  C.current && clearTimeout(C.current);
10813
10836
  }, []), (...h) => {
10814
10837
  const d = setTimeout(() => {
@@ -10817,15 +10840,15 @@ function E0(i, l = 500) {
10817
10840
  clearTimeout(C.current), C.current = d;
10818
10841
  };
10819
10842
  }
10820
- function E1(i) {
10821
- const l = T(i);
10822
- return O(() => {
10843
+ function G1(i) {
10844
+ const l = S(i);
10845
+ return T(() => {
10823
10846
  l.current = i;
10824
10847
  }, [i]), l.current;
10825
10848
  }
10826
- const Z1 = 100, h1 = {
10849
+ const u1 = 100, h1 = {
10827
10850
  offset: 0
10828
- }, y0 = J((i, l) => {
10851
+ }, j0 = J((i, l) => {
10829
10852
  const {
10830
10853
  loadOptions: C,
10831
10854
  width: t,
@@ -10836,100 +10859,100 @@ const Z1 = 100, h1 = {
10836
10859
  placeholder: s,
10837
10860
  mode: o,
10838
10861
  loadOnClosedState: c,
10839
- preloadOptions: v,
10840
- extraOptions: p,
10841
- onDropdownVisibleChange: M,
10842
- optionRender: E,
10843
- dropdownRender: x,
10844
- readOnly: B,
10845
- clearable: I = !0,
10846
- required: A = !1,
10847
- error: S,
10848
- variant: H = "outlined"
10849
- } = i, [g, _] = Z(), [k, b] = Z(h1), [G, Q] = Z(!1), [Y, U] = Z(), [z, m1] = Z(!1), [W, a1] = Z(
10850
- p ?? []
10851
- ), c1 = E1(k.offset), C1 = E1(Y), [u, $] = Z(!1), n1 = T(!1), l1 = N(
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,
10871
+ variant: _ = "outlined"
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(
10852
10875
  async ({
10853
- limit: f = Z1,
10854
- offset: D,
10855
- search: j
10876
+ limit: k = u1,
10877
+ offset: E,
10878
+ search: F
10856
10879
  }) => {
10857
- Q(!0);
10880
+ X(!0);
10858
10881
  try {
10859
- const R = await C({
10860
- limit: f,
10861
- offset: D,
10862
- search: j
10882
+ const x = await C({
10883
+ limit: k,
10884
+ offset: E,
10885
+ search: F
10863
10886
  });
10864
- _(
10865
- (K) => D === 0 ? R.options : [...K ?? [], ...R.options]
10866
- ), b((K) => ({
10867
- ...K,
10868
- count: R.count
10887
+ R(
10888
+ (Y) => E === 0 ? x.options : [...Y ?? [], ...x.options]
10889
+ ), y((Y) => ({
10890
+ ...Y,
10891
+ count: x.count
10869
10892
  }));
10870
- } catch (R) {
10871
- return console.error("AsyncSelect. fetchOptions error", R), [];
10893
+ } catch (x) {
10894
+ return console.error("AsyncSelect. fetchOptions error", x), [];
10872
10895
  } finally {
10873
- Q(!1);
10896
+ X(!1);
10874
10897
  }
10875
10898
  },
10876
10899
  [C]
10877
- ), p1 = E0((f) => {
10878
- U(f), f || b(h1);
10879
- }), f1 = N(
10880
- (f) => p1(f),
10881
- [p1]
10882
- ), v1 = N(
10883
- async (f) => {
10884
- G || f && k.count && k.count > ((g == null ? void 0 : g.length) ?? 0) && b((D) => ({
10885
- ...D,
10886
- 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
10887
10910
  }));
10888
10911
  },
10889
- [G, g == null ? void 0 : g.length, k.count]
10890
- ), k1 = N(
10891
- (f) => {
10892
- m1(f), !f && Y && (U(void 0), b(h1), $(!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);
10893
10916
  },
10894
- [M, Y]
10917
+ [g, B]
10895
10918
  );
10896
- O(() => {
10897
- if (!n1.current || G) return;
10898
- (u || z && (c1 !== k.offset || C1 !== Y || !g)) && (l1({ offset: k.offset, limit: Z1, search: Y }), u && $(!1));
10899
- }, [u, z, k.offset, Y, c1, C1, g, G]), O(() => {
10900
- (c || v) && l1(h1), n1.current = !0;
10901
- }, []), O(() => {
10902
- p && a1((f) => {
10903
- const D = p.filter(
10904
- (j) => !f.some((R) => R.value === j.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)
10905
10928
  );
10906
- return [...f, ...D];
10929
+ return [...k, ...E];
10907
10930
  });
10908
- }, [p]);
10909
- const P = N(
10910
- (f) => {
10911
- h && h(f);
10912
- let D = [];
10913
- if (o ? D = Array.isArray(f) ? f : [] : D = f ? [f] : [], Y) {
10914
- const j = D.filter(
10915
- (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))
10916
10939
  );
10917
- j.length > 0 && a1((R = []) => [
10918
- ...R,
10919
- ...j.map((K) => {
10920
- 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);
10921
10944
  return {
10922
- value: K,
10923
- label: (y == null ? void 0 : y.label) ?? K,
10924
- imageFallbackText: (y == null ? void 0 : y.imageFallbackText) ?? "",
10925
- 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
10926
10949
  };
10927
10950
  })
10928
- ]), U(void 0), b(h1), $(!0);
10951
+ ]), U(void 0), y(h1), $(!0);
10929
10952
  }
10930
10953
  },
10931
- [h, Y, o, g, W]
10932
- ), M1 = H1(
10954
+ [h, B, o, p, j]
10955
+ ), N1 = _1(
10933
10956
  () => ({
10934
10957
  id: d,
10935
10958
  width: t,
@@ -10937,19 +10960,19 @@ const Z1 = 100, h1 = {
10937
10960
  ref: l,
10938
10961
  placeholder: s,
10939
10962
  search: !0,
10940
- onSearchChange: f1,
10941
- onDropdownVisibleChange: k1,
10963
+ onSearchChange: v1,
10964
+ onDropdownVisibleChange: M1,
10942
10965
  scrollThresholdValue: w,
10943
- onScrollToEnd: v1,
10966
+ onScrollToEnd: k1,
10944
10967
  disabled: r,
10945
- isLoading: G,
10946
- optionRender: E,
10947
- dropdownRender: x,
10948
- readOnly: B,
10949
- clearable: I,
10950
- required: A,
10951
- error: S,
10952
- variant: H
10968
+ isLoading: K,
10969
+ optionRender: m,
10970
+ dropdownRender: A,
10971
+ readOnly: b,
10972
+ clearable: O,
10973
+ required: D,
10974
+ error: W,
10975
+ variant: _
10953
10976
  }),
10954
10977
  [
10955
10978
  d,
@@ -10957,45 +10980,45 @@ const Z1 = 100, h1 = {
10957
10980
  P,
10958
10981
  l,
10959
10982
  s,
10960
- f1,
10961
- k1,
10962
- w,
10963
10983
  v1,
10984
+ M1,
10985
+ w,
10986
+ k1,
10964
10987
  r,
10965
- G,
10966
- E,
10967
- x,
10968
- B,
10969
- I,
10988
+ K,
10989
+ m,
10970
10990
  A,
10971
- S,
10972
- H
10991
+ b,
10992
+ O,
10993
+ D,
10994
+ W,
10995
+ _
10973
10996
  ]
10974
10997
  );
10975
10998
  o1(l, () => ({
10976
10999
  refetchOptions: async () => {
10977
- b(h1), U(void 0), $(!0);
11000
+ y(h1), U(void 0), $(!0);
10978
11001
  }
10979
11002
  }));
10980
- const e1 = H1(() => {
10981
- const f = o && o !== "single", D = i.selectedItemVariant === "badge", j = D ? g || [] : g || [], R = W, K = i, i1 = f ? {
11003
+ const e1 = _1(() => {
11004
+ const k = o && o !== "single", E = i.selectedItemVariant === "badge", F = E ? p || [] : p || [], x = j, Y = i, i1 = k ? {
10982
11005
  mode: o,
10983
- overflowBehaviour: K.overflowBehaviour,
10984
- value: K.value
11006
+ overflowBehaviour: Y.overflowBehaviour,
11007
+ value: Y.value
10985
11008
  } : {
10986
11009
  mode: o,
10987
11010
  value: i.value
10988
11011
  };
10989
11012
  return {
10990
- ...M1,
11013
+ ...N1,
10991
11014
  ...i1,
10992
11015
  selectedItemVariant: i.selectedItemVariant,
10993
- options: j,
10994
- extraOptions: R
11016
+ options: F,
11017
+ extraOptions: x
10995
11018
  };
10996
- }, [o, i, M1, W, g]);
10997
- 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 }) });
10998
11021
  });
10999
11022
  export {
11000
- y0 as AsyncSelect
11023
+ j0 as AsyncSelect
11001
11024
  };