@snmt-react-ui/async-select 1.10.18 → 1.10.20

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 +541 -553
  2. package/dist/index.css +1 -1
  3. package/package.json +3 -3
package/dist/async-select.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import "./index.css";
2
2
  import { jsx as o, Fragment as F, jsxs as h } from "react/jsx-runtime";
3
- import { forwardRef as n1, useState as R, useRef as W, useEffect as G, useCallback as T, useContext as r1, createContext as s1, useImperativeHandle as L1, useMemo as E1 } from "react";
4
- import { Select as G1, Tag as I1, Flex as D1, Checkbox as T1, Avatar as y1, Typography as m1, Popover as K1 } from "antd";
5
- var Y1 = Object.defineProperty, B1 = (i, l, e) => l in i ? Y1(i, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[l] = e, b1 = (i, l, e) => B1(i, l + "", e), O1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
3
+ import { forwardRef as n1, useState as V, useRef as W, useEffect as I, useCallback as y, useContext as r1, createContext as s1, useImperativeHandle as L1, useMemo as E1 } from "react";
4
+ import { Select as G1, Tag as I1, Flex as D1, Checkbox as y1, Avatar as T1, Typography as m1, Popover as Y1 } from "antd";
5
+ var K1 = Object.defineProperty, B1 = (i, l, e) => l in i ? K1(i, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[l] = e, b1 = (i, l, e) => B1(i, l + "", e), O1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
6
6
  function W1() {
7
7
  if (console && console.warn) {
8
8
  for (var i = arguments.length, l = new Array(i), e = 0; e < i; e++)
@@ -37,9 +37,9 @@ const H1 = (i, l) => () => {
37
37
  let e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
38
38
  const t = l.languages[0], n = l.options ? l.options.fallbackLng : !1, c = l.languages[l.languages.length - 1];
39
39
  if (t.toLowerCase() === "cimode") return !0;
40
- const L = (r, m) => {
41
- const C = l.services.backendConnector.state[`${r}|${m}`];
42
- return C === -1 || C === 2;
40
+ const L = (C, s) => {
41
+ const r = l.services.backendConnector.state[`${C}|${s}`];
42
+ return r === -1 || r === 2;
43
43
  };
44
44
  return e.bindI18n && e.bindI18n.indexOf("languageChanging") > -1 && l.services.backendConnector.backend && l.isLanguageChangingTo && !L(l.isLanguageChangingTo, i) ? !1 : !!(l.hasResourceBundle(t, i) || !l.services.backendConnector.backend || l.options.resources && !l.options.partialBundledLanguages || L(t, i) && (!n || L(c, i)));
45
45
  }, S1 = function(i, l) {
@@ -97,10 +97,10 @@ class l2 {
97
97
  }
98
98
  const i2 = (i, l) => {
99
99
  const e = W();
100
- return G(() => {
100
+ return I(() => {
101
101
  e.current = i;
102
102
  }, [i, l]), e.current;
103
- }, x1 = (i, l, e, t) => i.getFixedT(l, e, t), o2 = (i, l, e, t) => T(x1(i, l, e, t), [i, l, e, t]), t2 = function(i) {
103
+ }, x1 = (i, l, e, t) => i.getFixedT(l, e, t), o2 = (i, l, e, t) => y(x1(i, l, e, t), [i, l, e, t]), t2 = function(i) {
104
104
  let l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
105
105
  const {
106
106
  i18n: e
@@ -110,7 +110,7 @@ const i2 = (i, l) => {
110
110
  } = r1(e2) || {}, c = e || t || X1();
111
111
  if (c && !c.reportNamespaces && (c.reportNamespaces = new l2()), !c) {
112
112
  p1("You will need to pass in an i18next instance by using initReactI18next");
113
- const p = (Z, V) => P(V) ? V : U1(V) && P(V.defaultValue) ? V.defaultValue : Array.isArray(Z) ? Z[Z.length - 1] : Z, A = [p, {}, !1];
113
+ const p = (x, Z) => P(Z) ? Z : U1(Z) && P(Z.defaultValue) ? Z.defaultValue : Array.isArray(x) ? x[x.length - 1] : x, A = [p, {}, !1];
114
114
  return A.t = p, A.i18n = {}, A.ready = !1, A;
115
115
  }
116
116
  c.options.react && c.options.react.wait !== void 0 && p1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
@@ -119,38 +119,38 @@ const i2 = (i, l) => {
119
119
  ...c.options.react,
120
120
  ...l
121
121
  }, {
122
- useSuspense: r,
123
- keyPrefix: m
122
+ useSuspense: C,
123
+ keyPrefix: s
124
124
  } = L;
125
- let C = i;
126
- C = P(C) ? [C] : C || ["translation"], c.reportNamespaces.addUsedNamespaces && c.reportNamespaces.addUsedNamespaces(C);
127
- const a = (c.isInitialized || c.initializedStoreOnce) && C.every((p) => S1(p, c, L)), s = o2(c, l.lng || null, L.nsMode === "fallback" ? C : C[0], m), f = () => s, v = () => x1(c, l.lng || null, L.nsMode === "fallback" ? C : C[0], m), [M, H] = R(f);
128
- let u = C.join();
129
- l.lng && (u = `${l.lng}${u}`);
130
- const x = i2(u), D = W(!0);
131
- G(() => {
125
+ let r = i;
126
+ r = P(r) ? [r] : r || ["translation"], c.reportNamespaces.addUsedNamespaces && c.reportNamespaces.addUsedNamespaces(r);
127
+ const a = (c.isInitialized || c.initializedStoreOnce) && r.every((p) => S1(p, c, L)), _ = o2(c, l.lng || null, L.nsMode === "fallback" ? r : r[0], s), v = () => _, u = () => x1(c, l.lng || null, L.nsMode === "fallback" ? r : r[0], s), [R, M] = V(v);
128
+ let m = r.join();
129
+ l.lng && (m = `${l.lng}${m}`);
130
+ const H = i2(m), D = W(!0);
131
+ I(() => {
132
132
  const {
133
133
  bindI18n: p,
134
134
  bindI18nStore: A
135
135
  } = L;
136
- D.current = !0, !a && !r && (l.lng ? N1(c, l.lng, C, () => {
137
- D.current && H(v);
138
- }) : f1(c, C, () => {
139
- D.current && H(v);
140
- })), a && x && x !== u && D.current && H(v);
141
- const Z = () => {
142
- D.current && H(v);
136
+ D.current = !0, !a && !C && (l.lng ? N1(c, l.lng, r, () => {
137
+ D.current && M(u);
138
+ }) : f1(c, r, () => {
139
+ D.current && M(u);
140
+ })), a && H && H !== m && D.current && M(u);
141
+ const x = () => {
142
+ D.current && M(u);
143
143
  };
144
- return p && c && c.on(p, Z), A && c && c.store.on(A, Z), () => {
145
- D.current = !1, p && c && p.split(" ").forEach((V) => c.off(V, Z)), A && c && A.split(" ").forEach((V) => c.store.off(V, Z));
144
+ return p && c && c.on(p, x), A && c && c.store.on(A, x), () => {
145
+ D.current = !1, p && c && p.split(" ").forEach((Z) => c.off(Z, x)), A && c && A.split(" ").forEach((Z) => c.store.off(Z, x));
146
146
  };
147
- }, [c, u]), G(() => {
148
- D.current && a && H(f);
149
- }, [c, m, a]);
150
- const y = [M, c, a];
151
- if (y.t = M, y.i18n = c, y.ready = a, a || !a && !r) return y;
147
+ }, [c, m]), I(() => {
148
+ D.current && a && M(v);
149
+ }, [c, s, a]);
150
+ const T = [R, c, a];
151
+ if (T.t = R, T.i18n = c, T.ready = a, a || !a && !C) return T;
152
152
  throw new Promise((p) => {
153
- l.lng ? N1(c, l.lng, C, () => p()) : f1(c, C, () => p());
153
+ l.lng ? N1(c, l.lng, r, () => p()) : f1(c, r, () => p());
154
154
  });
155
155
  }, o1 = ({
156
156
  children: i,
@@ -160,7 +160,7 @@ const i2 = (i, l) => {
160
160
  justifyContent: n = "normal",
161
161
  flex: c,
162
162
  gap: L,
163
- padding: r
163
+ padding: C
164
164
  }) => /* @__PURE__ */ o(
165
165
  D1,
166
166
  {
@@ -171,13 +171,13 @@ const i2 = (i, l) => {
171
171
  justify: n,
172
172
  flex: c,
173
173
  gap: L,
174
- style: { padding: r },
174
+ style: { padding: C },
175
175
  children: i
176
176
  }
177
177
  ), n2 = ({ shape: i = "circle", size: l = 32, children: e, ...t }) => {
178
178
  const n = typeof t.src == "string";
179
179
  return /* @__PURE__ */ o(
180
- y1,
180
+ T1,
181
181
  {
182
182
  className: `snmt-avatar ${n ? "image" : ""}`,
183
183
  shape: i,
@@ -188,7 +188,7 @@ const i2 = (i, l) => {
188
188
  }
189
189
  );
190
190
  };
191
- var K = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_0_5 = "var(--blue-light-0-5)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(K || {});
191
+ var Y = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_0_5 = "var(--blue-light-0-5)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(Y || {});
192
192
  const u1 = s1({
193
193
  locale: "en",
194
194
  theme: "light"
@@ -209,39 +209,39 @@ const { Title: r2, Text: s2 } = m1, a2 = {
209
209
  collapsed: c,
210
210
  whiteSpace: L = "normal",
211
211
  /** This prop allows you to enable tooltip if text size is too big */
212
- trim: r = !1
213
- }, m) => {
214
- const C = W(null);
215
- L1(m, () => C.current);
216
- const [a, s] = R(!1);
217
- G(() => {
218
- var H;
219
- if (!r) return;
220
- const u = () => {
221
- C.current && s(C.current.scrollWidth > C.current.clientWidth);
212
+ trim: C = !1
213
+ }, s) => {
214
+ const r = W(null);
215
+ L1(s, () => r.current);
216
+ const [a, _] = V(!1);
217
+ I(() => {
218
+ var M;
219
+ if (!C) return;
220
+ const m = () => {
221
+ r.current && _(r.current.scrollWidth > r.current.clientWidth);
222
222
  };
223
- u();
224
- const x = new ResizeObserver(u);
225
- return C.current && x.observe(C.current), (H = C.current) != null && H.parentElement && x.observe(C.current.parentElement), () => {
226
- x.disconnect();
223
+ m();
224
+ const H = new ResizeObserver(m);
225
+ return r.current && H.observe(r.current), (M = r.current) != null && M.parentElement && H.observe(r.current.parentElement), () => {
226
+ H.disconnect();
227
227
  };
228
- }, [r]);
229
- const f = l === "h1" || l === "h2" || l === "h3" || l === "h4";
230
- let v = `snmt-typography snmt-typography-${l}`;
231
- i && i !== "inherit" && (v += ` snmt-typography-align-${i}`), c && (v += " collapsed");
232
- const M = {
233
- className: v,
234
- style: { color: e, whiteSpace: r ? "nowrap" : L, display: r ? "block" : "" },
228
+ }, [C]);
229
+ const v = l === "h1" || l === "h2" || l === "h3" || l === "h4";
230
+ let u = `snmt-typography snmt-typography-${l}`;
231
+ i && i !== "inherit" && (u += ` snmt-typography-align-${i}`), c && (u += " collapsed");
232
+ const R = {
233
+ className: u,
234
+ style: { color: e, whiteSpace: C ? "nowrap" : L, display: C ? "block" : "" },
235
235
  onClick: n,
236
- ref: C,
237
- ellipsis: r && a ? {
236
+ ref: r,
237
+ ellipsis: C && a ? {
238
238
  tooltip: {
239
239
  title: t,
240
240
  overlayClassName: "snmt-tooltip"
241
241
  }
242
242
  } : void 0
243
243
  };
244
- return f ? /* @__PURE__ */ o(r2, { level: a2[l], ...M, children: t }) : /* @__PURE__ */ o(s2, { ...M, children: t });
244
+ return v ? /* @__PURE__ */ o(r2, { level: a2[l], ...R, children: t }) : /* @__PURE__ */ o(s2, { ...R, children: t });
245
245
  }
246
246
  ), c2 = ({
247
247
  checked: i = !0,
@@ -251,26 +251,26 @@ const { Title: r2, Text: s2 } = m1, a2 = {
251
251
  disabled: n = !1,
252
252
  disableUncheck: c = !1
253
253
  }) => {
254
- const [L, r] = R(i), [m, C] = R(l);
255
- G(() => {
256
- r(i), C(l);
254
+ const [L, C] = V(i), [s, r] = V(l);
255
+ I(() => {
256
+ C(i), r(l);
257
257
  }, [i, l]);
258
258
  const { theme: a } = r1(u1);
259
259
  return /* @__PURE__ */ o(
260
- T1,
260
+ y1,
261
261
  {
262
262
  className: `snmt-checkbox snmt-checkbox-${a}`,
263
263
  checked: L,
264
- indeterminate: m,
265
- onChange: (s) => {
266
- c && L || (C(!1), r(s.target.checked), t && t(s));
264
+ indeterminate: s,
265
+ onChange: (_) => {
266
+ c && L || (r(!1), C(_.target.checked), t && t(_));
267
267
  },
268
268
  disabled: n,
269
269
  children: e && /* @__PURE__ */ o(
270
270
  h2,
271
271
  {
272
272
  variant: "body2",
273
- color: n ? K.GREY_DARK_2 : K.GREY_DARK_5,
273
+ color: n ? Y.GREY_DARK_2 : Y.GREY_DARK_5,
274
274
  children: e
275
275
  }
276
276
  )
@@ -350,7 +350,7 @@ const C2 = ({
350
350
  )
351
351
  ]
352
352
  }
353
- ), w2 = ({
353
+ ), g2 = ({
354
354
  width: i = 20,
355
355
  height: l = 20,
356
356
  color: e = "#001E52",
@@ -385,7 +385,7 @@ const C2 = ({
385
385
  )
386
386
  ]
387
387
  }
388
- ), g2 = ({
388
+ ), w2 = ({
389
389
  width: i = 20,
390
390
  height: l = 20,
391
391
  color: e = d.GREY_DARK_5,
@@ -402,7 +402,7 @@ const C2 = ({
402
402
  fill: "none",
403
403
  xmlns: "http://www.w3.org/2000/svg",
404
404
  children: [
405
- /* @__PURE__ */ o("g", { "clip-path": "url(#clip0_1_2043)", children: /* @__PURE__ */ o(
405
+ /* @__PURE__ */ o("g", { clipPath: "url(#clip0_1_2043)", children: /* @__PURE__ */ o(
406
406
  "path",
407
407
  {
408
408
  d: "M5.96967 14.9697C5.67678 15.2626 5.67678 15.7373 5.96967 16.0302C6.26256 16.3231 6.73732 16.3231 7.03022 16.0302L12.4999 10.5605L17.9697 16.0302L18.0263 16.082C18.3209 16.3223 18.7556 16.3048 19.0302 16.0302C19.3048 15.7556 19.3223 15.3209 19.082 15.0263L19.0302 14.9697L13.0302 8.96967C12.7373 8.67678 12.2626 8.67678 11.9697 8.96967L5.96967 14.9697Z",
@@ -453,7 +453,7 @@ const C2 = ({
453
453
  fill: "none",
454
454
  xmlns: "http://www.w3.org/2000/svg",
455
455
  children: [
456
- /* @__PURE__ */ o("g", { "clip-path": "url(#clip0_1_2039)", children: /* @__PURE__ */ o(
456
+ /* @__PURE__ */ o("g", { clipPath: "url(#clip0_1_2039)", children: /* @__PURE__ */ o(
457
457
  "path",
458
458
  {
459
459
  d: "M5.96967 10.0303C5.67678 9.73744 5.67678 9.26268 5.96967 8.96978C6.26256 8.67689 6.73732 8.67689 7.03022 8.96978L12.4999 14.4395L17.9697 8.96978L18.0263 8.91803C18.3209 8.67772 18.7556 8.69518 19.0302 8.96978C19.3048 9.24439 19.3223 9.67911 19.082 9.97369L19.0302 10.0303L13.0302 16.0303C12.7373 16.3232 12.2626 16.3232 11.9697 16.0303L5.96967 10.0303Z",
@@ -1147,7 +1147,7 @@ const C2 = ({
1147
1147
  )
1148
1148
  ]
1149
1149
  }
1150
- ), T2 = ({
1150
+ ), y2 = ({
1151
1151
  width: i = 20,
1152
1152
  height: l = 20,
1153
1153
  color: e = d.GREY_DARK_5,
@@ -1180,7 +1180,7 @@ const C2 = ({
1180
1180
  )
1181
1181
  ]
1182
1182
  }
1183
- ), y2 = ({
1183
+ ), T2 = ({
1184
1184
  width: i = 20,
1185
1185
  height: l = 20,
1186
1186
  color: e = d.GREY_DARK_5,
@@ -1213,7 +1213,7 @@ const C2 = ({
1213
1213
  )
1214
1214
  ]
1215
1215
  }
1216
- ), K2 = ({
1216
+ ), Y2 = ({
1217
1217
  width: i = 20,
1218
1218
  height: l = 20,
1219
1219
  color: e = "#070739",
@@ -1243,7 +1243,7 @@ const C2 = ({
1243
1243
  /* @__PURE__ */ o("circle", { cx: "10", cy: "10", r: "2.375", stroke: e, strokeWidth: "1.25" })
1244
1244
  ]
1245
1245
  }
1246
- ), Y2 = ({
1246
+ ), K2 = ({
1247
1247
  width: i = 20,
1248
1248
  height: l = 20,
1249
1249
  color: e = "#070739",
@@ -2283,7 +2283,7 @@ const C2 = ({
2283
2283
  )
2284
2284
  ]
2285
2285
  }
2286
- ), w5 = ({
2286
+ ), g5 = ({
2287
2287
  className: i,
2288
2288
  color: l = "#001E52",
2289
2289
  height: e = 24,
@@ -2309,7 +2309,7 @@ const C2 = ({
2309
2309
  }
2310
2310
  )
2311
2311
  }
2312
- ), g5 = ({
2312
+ ), w5 = ({
2313
2313
  className: i,
2314
2314
  color: l = "#001E52",
2315
2315
  height: e = 24,
@@ -2540,185 +2540,179 @@ const C2 = ({
2540
2540
  disabled: c = !1,
2541
2541
  onClick: L
2542
2542
  }) => {
2543
- const [r, m] = R(n), { theme: C } = r1(Z1), a = c ? C && C === "dark" ? d.GREY_LIGHT_4 : d.GREY_DARK_1 : t, s = c ? void 0 : L;
2544
- return G(() => {
2545
- if (n) {
2546
- s && !c && m(`${n} clickable`);
2547
- return;
2548
- }
2549
- s && !c && m("clickable");
2550
- }, [s, n, c]), /* @__PURE__ */ o(F, { children: (() => {
2543
+ const { theme: C } = r1(Z1), s = c ? C && C === "dark" ? d.GREY_LIGHT_4 : d.GREY_DARK_1 : t, r = c ? void 0 : L, a = L && !c ? `${n || ""} clickable` : n;
2544
+ return /* @__PURE__ */ o(F, { children: (() => {
2551
2545
  switch (i) {
2552
2546
  case "nextIcon":
2553
- return U2({ width: l, height: e, color: a, className: r, onClick: s });
2547
+ return U2({ width: l, height: e, color: s, className: a, onClick: r });
2554
2548
  case "prevIcon":
2555
- return F2({ width: l, height: e, color: a, className: r, onClick: s });
2549
+ return F2({ width: l, height: e, color: s, className: a, onClick: r });
2556
2550
  case "arrowDown":
2557
- return C2({ width: l, height: e, color: a, className: r, onClick: s });
2551
+ return C2({ width: l, height: e, color: s, className: a, onClick: r });
2558
2552
  case "info":
2559
- return d2({ width: l, height: e, color: a, className: r, onClick: s });
2553
+ return d2({ width: l, height: e, color: s, className: a, onClick: r });
2560
2554
  case "arrowRight":
2561
- return w2({ width: l, height: e, color: a, className: r, onClick: s });
2555
+ return g2({ width: l, height: e, color: s, className: a, onClick: r });
2562
2556
  case "calendar":
2563
- return m2({ width: l, height: e, color: a, className: r, onClick: s });
2557
+ return m2({ width: l, height: e, color: s, className: a, onClick: r });
2564
2558
  case "check":
2565
- return u2({ width: l, height: e, color: a, className: r, onClick: s });
2559
+ return u2({ width: l, height: e, color: s, className: a, onClick: r });
2566
2560
  case "cancel":
2567
- return v2({ width: l, height: e, color: a, className: r, onClick: s });
2561
+ return v2({ width: l, height: e, color: s, className: a, onClick: r });
2568
2562
  case "add":
2569
- return f2({ width: l, height: e, color: a, className: r, onClick: s });
2563
+ return f2({ width: l, height: e, color: s, className: a, onClick: r });
2570
2564
  case "list":
2571
- return N2({ width: l, height: e, color: a, className: r, onClick: s });
2565
+ return N2({ width: l, height: e, color: s, className: a, onClick: r });
2572
2566
  case "dragAndDrop":
2573
- return _2({ width: l, height: e, color: a, className: r, onClick: s });
2567
+ return _2({ width: l, height: e, color: s, className: a, onClick: r });
2574
2568
  case "filter":
2575
- return R2({ width: l, height: e, color: a, className: r, onClick: s });
2569
+ return R2({ width: l, height: e, color: s, className: a, onClick: r });
2576
2570
  case "attention":
2577
- return M2({ width: l, height: e, color: a, className: r, onClick: s });
2571
+ return M2({ width: l, height: e, color: s, className: a, onClick: r });
2578
2572
  case "users":
2579
- return H2({ width: l, height: e, color: a, className: r, onClick: s });
2573
+ return H2({ width: l, height: e, color: s, className: a, onClick: r });
2580
2574
  case "mySkillsMatrix":
2581
2575
  return x2({
2582
2576
  width: l,
2583
2577
  height: e,
2584
- color: a,
2585
- className: r,
2586
- onClick: s
2578
+ color: s,
2579
+ className: a,
2580
+ onClick: r
2587
2581
  });
2588
2582
  case "skills":
2589
- return Z2({ width: l, height: e, color: a, className: r, onClick: s });
2583
+ return Z2({ width: l, height: e, color: s, className: a, onClick: r });
2590
2584
  case "skillsMatrices":
2591
2585
  return V2({
2592
2586
  width: l,
2593
2587
  height: e,
2594
- color: a,
2595
- className: r,
2596
- onClick: s
2588
+ color: s,
2589
+ className: a,
2590
+ onClick: r
2597
2591
  });
2598
2592
  case "history":
2599
- return A2({ width: l, height: e, color: a, className: r, onClick: s });
2593
+ return A2({ width: l, height: e, color: s, className: a, onClick: r });
2600
2594
  case "logOut":
2601
- return E2({ width: l, height: e, color: a, className: r, onClick: s });
2595
+ return E2({ width: l, height: e, color: s, className: a, onClick: r });
2602
2596
  case "settings":
2603
- return G2({ width: l, height: e, color: a, className: r, onClick: s });
2597
+ return G2({ width: l, height: e, color: s, className: a, onClick: r });
2604
2598
  case "trash":
2605
- return I2({ width: l, height: e, color: a, className: r, onClick: s });
2599
+ return I2({ width: l, height: e, color: s, className: a, onClick: r });
2606
2600
  case "settings2":
2607
- return D2({ width: l, height: e, color: a, className: r, onClick: s });
2601
+ return D2({ width: l, height: e, color: s, className: a, onClick: r });
2608
2602
  case "checkCircle":
2609
- return T2({ width: l, height: e, color: a, className: r, onClick: s });
2603
+ return y2({ width: l, height: e, color: s, className: a, onClick: r });
2610
2604
  case "cancelCircle":
2611
- return y2({ width: l, height: e, color: a, className: r, onClick: s });
2605
+ return T2({ width: l, height: e, color: s, className: a, onClick: r });
2612
2606
  case "visibilityIcon":
2613
- return K2({
2607
+ return Y2({
2614
2608
  width: l,
2615
2609
  height: e,
2616
- color: a,
2617
- className: r,
2618
- onClick: s
2610
+ color: s,
2611
+ className: a,
2612
+ onClick: r
2619
2613
  });
2620
2614
  case "visibilityOffIcon":
2621
- return Y2({
2615
+ return K2({
2622
2616
  width: l,
2623
2617
  height: e,
2624
- color: a,
2625
- className: r,
2626
- onClick: s
2618
+ color: s,
2619
+ className: a,
2620
+ onClick: r
2627
2621
  });
2628
2622
  case "selectArrowIcon":
2629
2623
  return B2({
2630
2624
  width: l,
2631
2625
  height: e,
2632
- color: a,
2633
- className: r,
2634
- onClick: s
2626
+ color: s,
2627
+ className: a,
2628
+ onClick: r
2635
2629
  });
2636
2630
  case "expandArrowIcon":
2637
2631
  return b2({
2638
2632
  width: l,
2639
2633
  height: e,
2640
- color: a,
2641
- className: r,
2642
- onClick: s
2634
+ color: s,
2635
+ className: a,
2636
+ onClick: r
2643
2637
  });
2644
2638
  case "expandActiveArrowIcon":
2645
2639
  return O2({
2646
2640
  width: l,
2647
2641
  height: e,
2648
- color: a,
2649
- className: r,
2650
- onClick: s
2642
+ color: s,
2643
+ className: a,
2644
+ onClick: r
2651
2645
  });
2652
2646
  case "sortUp":
2653
- return W2({ width: l, height: e, color: a, className: r, onClick: s });
2647
+ return W2({ width: l, height: e, color: s, className: a, onClick: r });
2654
2648
  case "sortDown":
2655
- return j2({ width: l, height: e, color: a, className: r, onClick: s });
2649
+ return j2({ width: l, height: e, color: s, className: a, onClick: r });
2656
2650
  case "search":
2657
- return S2({ width: l, height: e, color: a, className: r, onClick: s });
2651
+ return S2({ width: l, height: e, color: s, className: a, onClick: r });
2658
2652
  case "arrowUpFilled":
2659
- return $2({ width: l, height: e, color: a, className: r, onClick: s });
2653
+ return $2({ width: l, height: e, color: s, className: a, onClick: r });
2660
2654
  case "arrowDownFilled":
2661
- return P2({ width: l, height: e, color: a, className: r, onClick: s });
2655
+ return P2({ width: l, height: e, color: s, className: a, onClick: r });
2662
2656
  case "arrow2Up":
2663
- return g2({ width: l, height: e, color: a, className: r, onClick: s });
2657
+ return w2({ width: l, height: e, color: s, className: a, onClick: r });
2664
2658
  case "arrow2Right":
2665
- return L2({ width: l, height: e, color: a, className: r, onClick: s });
2659
+ return L2({ width: l, height: e, color: s, className: a, onClick: r });
2666
2660
  case "arrow2Down":
2667
- return k2({ width: l, height: e, color: a, className: r, onClick: s });
2661
+ return k2({ width: l, height: e, color: s, className: a, onClick: r });
2668
2662
  case "arrow2Left":
2669
- return p2({ width: l, height: e, color: a, className: r, onClick: s });
2663
+ return p2({ width: l, height: e, color: s, className: a, onClick: r });
2670
2664
  case "link":
2671
- return z2({ width: l, height: e, color: a, className: r, onClick: s });
2665
+ return z2({ width: l, height: e, color: s, className: a, onClick: r });
2672
2666
  case "telegram":
2673
- return q2({ width: l, height: e, color: a, className: r, onClick: s });
2667
+ return q2({ width: l, height: e, color: s, className: a, onClick: r });
2674
2668
  case "mail":
2675
- return X2({ width: l, height: e, color: a, className: r, onClick: s });
2669
+ return X2({ width: l, height: e, color: s, className: a, onClick: r });
2676
2670
  case "github":
2677
- return J2({ width: l, height: e, color: a, className: r, onClick: s });
2671
+ return J2({ width: l, height: e, color: s, className: a, onClick: r });
2678
2672
  case "linkedIn":
2679
- return Q2({ width: l, height: e, color: a, className: r, onClick: s });
2673
+ return Q2({ width: l, height: e, color: s, className: a, onClick: r });
2680
2674
  case "emptyStateIcon":
2681
- return e5({ width: l, height: e, color: a, className: r, onClick: s });
2675
+ return e5({ width: l, height: e, color: s, className: a, onClick: r });
2682
2676
  case "filtersIcon":
2683
- return l5({ width: l, height: e, color: a, className: r, onClick: s });
2677
+ return l5({ width: l, height: e, color: s, className: a, onClick: r });
2684
2678
  case "dotMenuIcon":
2685
- return i5({ width: l, height: e, color: a, className: r, onClick: s });
2679
+ return i5({ width: l, height: e, color: s, className: a, onClick: r });
2686
2680
  case "plusCircle":
2687
- return o5({ width: l, height: e, color: a, className: r, onClick: s });
2681
+ return o5({ width: l, height: e, color: s, className: a, onClick: r });
2688
2682
  case "warning":
2689
- return t5({ width: l, height: e, color: a, className: r, onClick: s });
2683
+ return t5({ width: l, height: e, color: s, className: a, onClick: r });
2690
2684
  case "back":
2691
- return n5({ width: l, height: e, color: a, className: r, onClick: s });
2685
+ return n5({ width: l, height: e, color: s, className: a, onClick: r });
2692
2686
  case "bell":
2693
- return r5({ width: l, height: e, color: a, className: r, onClick: s });
2687
+ return r5({ width: l, height: e, color: s, className: a, onClick: r });
2694
2688
  case "copy":
2695
- return s5({ width: l, height: e, color: a, className: r, onClick: s });
2689
+ return s5({ width: l, height: e, color: s, className: a, onClick: r });
2696
2690
  case "contract":
2697
- return a5({ width: l, height: e, color: a, className: r, onClick: s });
2691
+ return a5({ width: l, height: e, color: s, className: a, onClick: r });
2698
2692
  case "resourceManager":
2699
- return h5({ width: l, height: e, color: a, className: r, onClick: s });
2693
+ return h5({ width: l, height: e, color: s, className: a, onClick: r });
2700
2694
  case "image":
2701
- return c5({ width: l, height: e, color: a, className: r, onClick: s });
2695
+ return c5({ width: l, height: e, color: s, className: a, onClick: r });
2702
2696
  case "edit":
2703
- return C5({ width: l, height: e, color: a, className: r, onClick: s });
2697
+ return C5({ width: l, height: e, color: s, className: a, onClick: r });
2704
2698
  case "filledArrowRight":
2705
- return d5({ width: l, height: e, color: a, className: r, onClick: s });
2699
+ return d5({ width: l, height: e, color: s, className: a, onClick: r });
2706
2700
  case "burgerMenu":
2707
- return w5({ width: l, height: e, color: a, className: r, onClick: s });
2701
+ return g5({ width: l, height: e, color: s, className: a, onClick: r });
2708
2702
  case "refresh":
2709
- return g5({ width: l, height: e, color: a, className: r, onClick: s });
2703
+ return w5({ width: l, height: e, color: s, className: a, onClick: r });
2710
2704
  case "projects":
2711
- return L5({ width: l, height: e, color: a, className: r, onClick: s });
2705
+ return L5({ width: l, height: e, color: s, className: a, onClick: r });
2712
2706
  case "user":
2713
- return p5({ width: l, height: e, color: a, className: r, onClick: s });
2707
+ return p5({ width: l, height: e, color: s, className: a, onClick: r });
2714
2708
  case "exit":
2715
- return k5({ width: l, height: e, color: a, className: r, onClick: s });
2709
+ return k5({ width: l, height: e, color: s, className: a, onClick: r });
2716
2710
  case "openPointCircle":
2717
- return m5({ width: l, height: e, color: a, className: r, onClick: s });
2711
+ return m5({ width: l, height: e, color: s, className: a, onClick: r });
2718
2712
  case "community":
2719
- return u5({ width: l, height: e, color: a, className: r, onClick: s });
2713
+ return u5({ width: l, height: e, color: s, className: a, onClick: r });
2720
2714
  case "docs":
2721
- return v5({ width: l, height: e, color: a, className: r, onClick: s });
2715
+ return v5({ width: l, height: e, color: s, className: a, onClick: r });
2722
2716
  default:
2723
2717
  return /* @__PURE__ */ o(F, { children: "No Icon provided" });
2724
2718
  }
@@ -2738,42 +2732,42 @@ const C2 = ({
2738
2732
  collapsed: c,
2739
2733
  whiteSpace: L = "normal",
2740
2734
  /** This prop allows you to enable tooltip if text size is too big */
2741
- trim: r = !1
2742
- }, m) => {
2743
- const C = W(null);
2744
- L1(m, () => C.current);
2745
- const [a, s] = R(!1);
2746
- G(() => {
2747
- var H;
2748
- if (!r) return;
2749
- const u = () => {
2750
- C.current && s(C.current.scrollWidth > C.current.clientWidth);
2735
+ trim: C = !1
2736
+ }, s) => {
2737
+ const r = W(null);
2738
+ L1(s, () => r.current);
2739
+ const [a, _] = V(!1);
2740
+ I(() => {
2741
+ var M;
2742
+ if (!C) return;
2743
+ const m = () => {
2744
+ r.current && _(r.current.scrollWidth > r.current.clientWidth);
2751
2745
  };
2752
- u();
2753
- const x = new ResizeObserver(u);
2754
- return C.current && x.observe(C.current), (H = C.current) != null && H.parentElement && x.observe(C.current.parentElement), () => {
2755
- x.disconnect();
2746
+ m();
2747
+ const H = new ResizeObserver(m);
2748
+ return r.current && H.observe(r.current), (M = r.current) != null && M.parentElement && H.observe(r.current.parentElement), () => {
2749
+ H.disconnect();
2756
2750
  };
2757
- }, [r]);
2758
- const f = l === "h1" || l === "h2" || l === "h3" || l === "h4";
2759
- let v = `snmt-typography snmt-typography-${l}`;
2760
- i && i !== "inherit" && (v += ` snmt-typography-align-${i}`), c && (v += " collapsed");
2761
- const M = {
2762
- className: v,
2763
- style: { color: e, whiteSpace: r ? "nowrap" : L, display: r ? "block" : "" },
2751
+ }, [C]);
2752
+ const v = l === "h1" || l === "h2" || l === "h3" || l === "h4";
2753
+ let u = `snmt-typography snmt-typography-${l}`;
2754
+ i && i !== "inherit" && (u += ` snmt-typography-align-${i}`), c && (u += " collapsed");
2755
+ const R = {
2756
+ className: u,
2757
+ style: { color: e, whiteSpace: C ? "nowrap" : L, display: C ? "block" : "" },
2764
2758
  onClick: n,
2765
- ref: C,
2766
- ellipsis: r && a ? {
2759
+ ref: r,
2760
+ ellipsis: C && a ? {
2767
2761
  tooltip: {
2768
2762
  title: t,
2769
2763
  overlayClassName: "snmt-tooltip"
2770
2764
  }
2771
2765
  } : void 0
2772
2766
  };
2773
- return f ? /* @__PURE__ */ o(f5, { level: _5[l], ...M, children: t }) : /* @__PURE__ */ o(N5, { ...M, children: t });
2767
+ return v ? /* @__PURE__ */ o(f5, { level: _5[l], ...R, children: t }) : /* @__PURE__ */ o(N5, { ...R, children: t });
2774
2768
  }
2775
2769
  );
2776
- var w = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_0_5 = "var(--blue-light-0-5)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(w || {});
2770
+ var g = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_0_5 = "var(--blue-light-0-5)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(g || {});
2777
2771
  const V1 = s1({
2778
2772
  locale: "en",
2779
2773
  theme: "light"
@@ -2809,7 +2803,7 @@ const M5 = ({
2809
2803
  ), H5 = ({
2810
2804
  width: i = 20,
2811
2805
  height: l = 20,
2812
- color: e = w.GREY_DARK_5,
2806
+ color: e = g.GREY_DARK_5,
2813
2807
  className: t,
2814
2808
  onClick: n
2815
2809
  }) => /* @__PURE__ */ h(
@@ -2884,7 +2878,7 @@ const M5 = ({
2884
2878
  ), Z5 = ({
2885
2879
  width: i = 20,
2886
2880
  height: l = 20,
2887
- color: e = w.GREY_DARK_5,
2881
+ color: e = g.GREY_DARK_5,
2888
2882
  className: t,
2889
2883
  onClick: n
2890
2884
  }) => /* @__PURE__ */ h(
@@ -2898,7 +2892,7 @@ const M5 = ({
2898
2892
  fill: "none",
2899
2893
  xmlns: "http://www.w3.org/2000/svg",
2900
2894
  children: [
2901
- /* @__PURE__ */ o("g", { "clip-path": "url(#clip0_1_2043)", children: /* @__PURE__ */ o(
2895
+ /* @__PURE__ */ o("g", { clipPath: "url(#clip0_1_2043)", children: /* @__PURE__ */ o(
2902
2896
  "path",
2903
2897
  {
2904
2898
  d: "M5.96967 14.9697C5.67678 15.2626 5.67678 15.7373 5.96967 16.0302C6.26256 16.3231 6.73732 16.3231 7.03022 16.0302L12.4999 10.5605L17.9697 16.0302L18.0263 16.082C18.3209 16.3223 18.7556 16.3048 19.0302 16.0302C19.3048 15.7556 19.3223 15.3209 19.082 15.0263L19.0302 14.9697L13.0302 8.96967C12.7373 8.67678 12.2626 8.67678 11.9697 8.96967L5.96967 14.9697Z",
@@ -2911,7 +2905,7 @@ const M5 = ({
2911
2905
  ), V5 = ({
2912
2906
  width: i = 20,
2913
2907
  height: l = 20,
2914
- color: e = w.GREY_DARK_5,
2908
+ color: e = g.GREY_DARK_5,
2915
2909
  className: t,
2916
2910
  onClick: n
2917
2911
  }) => /* @__PURE__ */ o(
@@ -2935,7 +2929,7 @@ const M5 = ({
2935
2929
  ), A5 = ({
2936
2930
  width: i = 20,
2937
2931
  height: l = 20,
2938
- color: e = w.GREY_DARK_5,
2932
+ color: e = g.GREY_DARK_5,
2939
2933
  className: t,
2940
2934
  onClick: n
2941
2935
  }) => /* @__PURE__ */ h(
@@ -2949,7 +2943,7 @@ const M5 = ({
2949
2943
  fill: "none",
2950
2944
  xmlns: "http://www.w3.org/2000/svg",
2951
2945
  children: [
2952
- /* @__PURE__ */ o("g", { "clip-path": "url(#clip0_1_2039)", children: /* @__PURE__ */ o(
2946
+ /* @__PURE__ */ o("g", { clipPath: "url(#clip0_1_2039)", children: /* @__PURE__ */ o(
2953
2947
  "path",
2954
2948
  {
2955
2949
  d: "M5.96967 10.0303C5.67678 9.73744 5.67678 9.26268 5.96967 8.96978C6.26256 8.67689 6.73732 8.67689 7.03022 8.96978L12.4999 14.4395L17.9697 8.96978L18.0263 8.91803C18.3209 8.67772 18.7556 8.69518 19.0302 8.96978C19.3048 9.24439 19.3223 9.67911 19.082 9.97369L19.0302 10.0303L13.0302 16.0303C12.7373 16.3232 12.2626 16.3232 11.9697 16.0303L5.96967 10.0303Z",
@@ -2962,7 +2956,7 @@ const M5 = ({
2962
2956
  ), E5 = ({
2963
2957
  width: i = 20,
2964
2958
  height: l = 20,
2965
- color: e = w.GREY_DARK_5,
2959
+ color: e = g.GREY_DARK_5,
2966
2960
  className: t,
2967
2961
  onClick: n
2968
2962
  }) => /* @__PURE__ */ o(
@@ -2986,7 +2980,7 @@ const M5 = ({
2986
2980
  ), G5 = ({
2987
2981
  width: i = 20,
2988
2982
  height: l = 20,
2989
- color: e = w.GREY_DARK_5,
2983
+ color: e = g.GREY_DARK_5,
2990
2984
  className: t,
2991
2985
  onClick: n
2992
2986
  }) => /* @__PURE__ */ h(
@@ -3033,7 +3027,7 @@ const M5 = ({
3033
3027
  ), I5 = ({
3034
3028
  width: i = 20,
3035
3029
  height: l = 20,
3036
- color: e = w.GREY_DARK_5,
3030
+ color: e = g.GREY_DARK_5,
3037
3031
  className: t,
3038
3032
  onClick: n
3039
3033
  }) => /* @__PURE__ */ o(
@@ -3057,7 +3051,7 @@ const M5 = ({
3057
3051
  ), D5 = ({
3058
3052
  width: i = 20,
3059
3053
  height: l = 20,
3060
- color: e = w.GREY_DARK_5,
3054
+ color: e = g.GREY_DARK_5,
3061
3055
  className: t,
3062
3056
  onClick: n
3063
3057
  }) => /* @__PURE__ */ o(
@@ -3078,10 +3072,10 @@ const M5 = ({
3078
3072
  }
3079
3073
  )
3080
3074
  }
3081
- ), T5 = ({
3075
+ ), y5 = ({
3082
3076
  width: i = 20,
3083
3077
  height: l = 20,
3084
- color: e = w.GREY_DARK_5,
3078
+ color: e = g.GREY_DARK_5,
3085
3079
  className: t,
3086
3080
  onClick: n
3087
3081
  }) => /* @__PURE__ */ o(
@@ -3102,10 +3096,10 @@ const M5 = ({
3102
3096
  }
3103
3097
  )
3104
3098
  }
3105
- ), y5 = ({
3099
+ ), T5 = ({
3106
3100
  width: i = 20,
3107
3101
  height: l = 20,
3108
- color: e = w.GREY_DARK_5,
3102
+ color: e = g.GREY_DARK_5,
3109
3103
  className: t,
3110
3104
  onClick: n
3111
3105
  }) => /* @__PURE__ */ h(
@@ -3163,10 +3157,10 @@ const M5 = ({
3163
3157
  )
3164
3158
  ]
3165
3159
  }
3166
- ), K5 = ({
3160
+ ), Y5 = ({
3167
3161
  width: i = 20,
3168
3162
  height: l = 20,
3169
- color: e = w.GREY_DARK_5,
3163
+ color: e = g.GREY_DARK_5,
3170
3164
  className: t,
3171
3165
  onClick: n
3172
3166
  }) => /* @__PURE__ */ h(
@@ -3210,10 +3204,10 @@ const M5 = ({
3210
3204
  )
3211
3205
  ]
3212
3206
  }
3213
- ), Y5 = ({
3207
+ ), K5 = ({
3214
3208
  width: i = 20,
3215
3209
  height: l = 20,
3216
- color: e = w.GREY_DARK_5,
3210
+ color: e = g.GREY_DARK_5,
3217
3211
  className: t,
3218
3212
  onClick: n
3219
3213
  }) => /* @__PURE__ */ h(
@@ -3253,7 +3247,7 @@ const M5 = ({
3253
3247
  ), B5 = ({
3254
3248
  width: i = 20,
3255
3249
  height: l = 20,
3256
- color: e = w.GREY_DARK_5,
3250
+ color: e = g.GREY_DARK_5,
3257
3251
  className: t,
3258
3252
  onClick: n
3259
3253
  }) => /* @__PURE__ */ h(
@@ -3293,7 +3287,7 @@ const M5 = ({
3293
3287
  ), b5 = ({
3294
3288
  width: i = 20,
3295
3289
  height: l = 20,
3296
- color: e = w.GREY_DARK_5,
3290
+ color: e = g.GREY_DARK_5,
3297
3291
  className: t,
3298
3292
  onClick: n
3299
3293
  }) => /* @__PURE__ */ h(
@@ -3340,7 +3334,7 @@ const M5 = ({
3340
3334
  ), O5 = ({
3341
3335
  width: i = 20,
3342
3336
  height: l = 20,
3343
- color: e = w.GREY_DARK_5,
3337
+ color: e = g.GREY_DARK_5,
3344
3338
  className: t,
3345
3339
  onClick: n
3346
3340
  }) => /* @__PURE__ */ h(
@@ -3387,7 +3381,7 @@ const M5 = ({
3387
3381
  ), W5 = ({
3388
3382
  width: i = 20,
3389
3383
  height: l = 20,
3390
- color: e = w.GREY_DARK_5,
3384
+ color: e = g.GREY_DARK_5,
3391
3385
  className: t,
3392
3386
  onClick: n
3393
3387
  }) => /* @__PURE__ */ h(
@@ -3434,7 +3428,7 @@ const M5 = ({
3434
3428
  ), j5 = ({
3435
3429
  width: i = 20,
3436
3430
  height: l = 20,
3437
- color: e = w.GREY_DARK_5,
3431
+ color: e = g.GREY_DARK_5,
3438
3432
  className: t,
3439
3433
  onClick: n
3440
3434
  }) => /* @__PURE__ */ h(
@@ -3474,7 +3468,7 @@ const M5 = ({
3474
3468
  ), S5 = ({
3475
3469
  width: i = 20,
3476
3470
  height: l = 20,
3477
- color: e = w.GREY_DARK_5,
3471
+ color: e = g.GREY_DARK_5,
3478
3472
  className: t,
3479
3473
  onClick: n
3480
3474
  }) => /* @__PURE__ */ h(
@@ -3507,7 +3501,7 @@ const M5 = ({
3507
3501
  ), U5 = ({
3508
3502
  width: i = 20,
3509
3503
  height: l = 20,
3510
- color: e = w.GREY_DARK_5,
3504
+ color: e = g.GREY_DARK_5,
3511
3505
  className: t,
3512
3506
  onClick: n
3513
3507
  }) => /* @__PURE__ */ h(
@@ -3540,7 +3534,7 @@ const M5 = ({
3540
3534
  ), F5 = ({
3541
3535
  width: i = 20,
3542
3536
  height: l = 20,
3543
- color: e = w.GREY_DARK_5,
3537
+ color: e = g.GREY_DARK_5,
3544
3538
  className: t,
3545
3539
  onClick: n
3546
3540
  }) => /* @__PURE__ */ h(
@@ -3573,7 +3567,7 @@ const M5 = ({
3573
3567
  ), P5 = ({
3574
3568
  width: i = 20,
3575
3569
  height: l = 20,
3576
- color: e = w.GREY_DARK_5,
3570
+ color: e = g.GREY_DARK_5,
3577
3571
  className: t,
3578
3572
  onClick: n
3579
3573
  }) => /* @__PURE__ */ h(
@@ -3606,7 +3600,7 @@ const M5 = ({
3606
3600
  ), $5 = ({
3607
3601
  width: i = 20,
3608
3602
  height: l = 20,
3609
- color: e = w.GREY_DARK_5,
3603
+ color: e = g.GREY_DARK_5,
3610
3604
  className: t,
3611
3605
  onClick: n
3612
3606
  }) => /* @__PURE__ */ h(
@@ -3646,7 +3640,7 @@ const M5 = ({
3646
3640
  ), z5 = ({
3647
3641
  width: i = 20,
3648
3642
  height: l = 20,
3649
- color: e = w.GREY_DARK_5,
3643
+ color: e = g.GREY_DARK_5,
3650
3644
  className: t,
3651
3645
  onClick: n
3652
3646
  }) => /* @__PURE__ */ h(
@@ -3679,7 +3673,7 @@ const M5 = ({
3679
3673
  ), J5 = ({
3680
3674
  width: i = 20,
3681
3675
  height: l = 20,
3682
- color: e = w.GREY_DARK_5,
3676
+ color: e = g.GREY_DARK_5,
3683
3677
  className: t,
3684
3678
  onClick: n
3685
3679
  }) => /* @__PURE__ */ h(
@@ -3929,7 +3923,7 @@ const M5 = ({
3929
3923
  }
3930
3924
  ), t7 = ({
3931
3925
  className: i,
3932
- color: l = w.GREY_DARK_5,
3926
+ color: l = g.GREY_DARK_5,
3933
3927
  height: e = 20,
3934
3928
  width: t = 20,
3935
3929
  onClick: n
@@ -3962,7 +3956,7 @@ const M5 = ({
3962
3956
  }
3963
3957
  ), n7 = ({
3964
3958
  className: i,
3965
- color: l = w.GREY_DARK_5,
3959
+ color: l = g.GREY_DARK_5,
3966
3960
  height: e = 20,
3967
3961
  width: t = 20,
3968
3962
  onClick: n
@@ -3989,7 +3983,7 @@ const M5 = ({
3989
3983
  }
3990
3984
  ), r7 = ({
3991
3985
  className: i,
3992
- color: l = w.GREY_DARK_5,
3986
+ color: l = g.GREY_DARK_5,
3993
3987
  height: e = 20,
3994
3988
  width: t = 20,
3995
3989
  onClick: n
@@ -4016,7 +4010,7 @@ const M5 = ({
4016
4010
  }
4017
4011
  ), s7 = ({
4018
4012
  className: i,
4019
- color: l = w.GREY_DARK_5,
4013
+ color: l = g.GREY_DARK_5,
4020
4014
  height: e = 5,
4021
4015
  width: t = 10,
4022
4016
  onClick: n
@@ -4040,7 +4034,7 @@ const M5 = ({
4040
4034
  }
4041
4035
  ), a7 = ({
4042
4036
  className: i,
4043
- color: l = w.GREY_DARK_5,
4037
+ color: l = g.GREY_DARK_5,
4044
4038
  height: e = 5,
4045
4039
  width: t = 10,
4046
4040
  onClick: n
@@ -4065,7 +4059,7 @@ const M5 = ({
4065
4059
  }
4066
4060
  ), h7 = ({
4067
4061
  className: i,
4068
- color: l = w.GREY_DARK_5,
4062
+ color: l = g.GREY_DARK_5,
4069
4063
  height: e = 20,
4070
4064
  width: t = 20,
4071
4065
  onClick: n
@@ -4098,7 +4092,7 @@ const M5 = ({
4098
4092
  }
4099
4093
  ), c7 = ({
4100
4094
  className: i,
4101
- color: l = w.GREY_DARK_5,
4095
+ color: l = g.GREY_DARK_5,
4102
4096
  height: e = 24,
4103
4097
  width: t = 24,
4104
4098
  onClick: n
@@ -4137,7 +4131,7 @@ const M5 = ({
4137
4131
  }
4138
4132
  ), C7 = ({
4139
4133
  className: i,
4140
- color: l = w.GREY_DARK_5,
4134
+ color: l = g.GREY_DARK_5,
4141
4135
  height: e = 24,
4142
4136
  width: t = 24,
4143
4137
  onClick: n
@@ -4164,7 +4158,7 @@ const M5 = ({
4164
4158
  }
4165
4159
  ), d7 = ({
4166
4160
  className: i,
4167
- color: l = w.GREY_DARK_5,
4161
+ color: l = g.GREY_DARK_5,
4168
4162
  height: e = 24,
4169
4163
  width: t = 24,
4170
4164
  onClick: n
@@ -4221,9 +4215,9 @@ const M5 = ({
4221
4215
  )
4222
4216
  ]
4223
4217
  }
4224
- ), w7 = ({
4218
+ ), g7 = ({
4225
4219
  className: i,
4226
- color: l = w.GREY_DARK_5,
4220
+ color: l = g.GREY_DARK_5,
4227
4221
  height: e = 24,
4228
4222
  width: t = 24,
4229
4223
  onClick: n
@@ -4258,9 +4252,9 @@ const M5 = ({
4258
4252
  )
4259
4253
  ]
4260
4254
  }
4261
- ), g7 = ({
4255
+ ), w7 = ({
4262
4256
  className: i,
4263
- color: l = w.GREY_DARK_3,
4257
+ color: l = g.GREY_DARK_3,
4264
4258
  height: e = 14,
4265
4259
  width: t = 14,
4266
4260
  onClick: n
@@ -4297,7 +4291,7 @@ const M5 = ({
4297
4291
  }
4298
4292
  ), L7 = ({
4299
4293
  className: i,
4300
- color: l = w.GREY_DARK_5,
4294
+ color: l = g.GREY_DARK_5,
4301
4295
  height: e = 18,
4302
4296
  onClick: t,
4303
4297
  width: n = 18
@@ -4324,7 +4318,7 @@ const M5 = ({
4324
4318
  }
4325
4319
  ), k7 = ({
4326
4320
  className: i,
4327
- color: l = w.GREY_DARK_5,
4321
+ color: l = g.GREY_DARK_5,
4328
4322
  height: e = 24,
4329
4323
  width: t = 24,
4330
4324
  onClick: n
@@ -4376,7 +4370,7 @@ const M5 = ({
4376
4370
  }
4377
4371
  ), p7 = ({
4378
4372
  className: i,
4379
- color: l = w.GREY_DARK_5,
4373
+ color: l = g.GREY_DARK_5,
4380
4374
  height: e = 24,
4381
4375
  width: t = 24,
4382
4376
  onClick: n
@@ -4413,7 +4407,7 @@ const M5 = ({
4413
4407
  }
4414
4408
  ), m7 = ({
4415
4409
  className: i,
4416
- color: l = w.NOTIFICATION_WARNING_DARK,
4410
+ color: l = g.NOTIFICATION_WARNING_DARK,
4417
4411
  height: e = 37,
4418
4412
  width: t = 36,
4419
4413
  onClick: n
@@ -4452,7 +4446,7 @@ const M5 = ({
4452
4446
  }
4453
4447
  ), u7 = ({
4454
4448
  className: i,
4455
- color: l = w.GREY_DARK_5,
4449
+ color: l = g.GREY_DARK_5,
4456
4450
  height: e = 24,
4457
4451
  width: t = 24,
4458
4452
  onClick: n
@@ -4478,7 +4472,7 @@ const M5 = ({
4478
4472
  }
4479
4473
  ), v7 = ({
4480
4474
  className: i,
4481
- color: l = w.GREY_DARK_5,
4475
+ color: l = g.GREY_DARK_5,
4482
4476
  height: e = 24,
4483
4477
  width: t = 24,
4484
4478
  onClick: n
@@ -4517,7 +4511,7 @@ const M5 = ({
4517
4511
  }
4518
4512
  ), f7 = ({
4519
4513
  className: i,
4520
- color: l = w.GREY_DARK_5,
4514
+ color: l = g.GREY_DARK_5,
4521
4515
  height: e = 20,
4522
4516
  width: t = 20,
4523
4517
  onClick: n
@@ -4550,7 +4544,7 @@ const M5 = ({
4550
4544
  }
4551
4545
  ), N7 = ({
4552
4546
  className: i,
4553
- color: l = w.GREY_DARK_5,
4547
+ color: l = g.GREY_DARK_5,
4554
4548
  height: e = 24,
4555
4549
  width: t = 24,
4556
4550
  onClick: n
@@ -4619,7 +4613,7 @@ const M5 = ({
4619
4613
  }
4620
4614
  ), _7 = ({
4621
4615
  className: i,
4622
- color: l = w.GREY_DARK_5,
4616
+ color: l = g.GREY_DARK_5,
4623
4617
  height: e = 24,
4624
4618
  width: t = 24,
4625
4619
  onClick: n
@@ -4676,7 +4670,7 @@ const M5 = ({
4676
4670
  }
4677
4671
  ), R7 = ({
4678
4672
  className: i,
4679
- color: l = w.GREY_DARK_5,
4673
+ color: l = g.GREY_DARK_5,
4680
4674
  height: e = 24,
4681
4675
  width: t = 24,
4682
4676
  onClick: n
@@ -4725,7 +4719,7 @@ const M5 = ({
4725
4719
  }
4726
4720
  ), M7 = ({
4727
4721
  className: i,
4728
- color: l = w.GREY_DARK_5,
4722
+ color: l = g.GREY_DARK_5,
4729
4723
  height: e = 24,
4730
4724
  width: t = 24,
4731
4725
  onClick: n
@@ -4752,7 +4746,7 @@ const M5 = ({
4752
4746
  }
4753
4747
  ), H7 = ({
4754
4748
  className: i,
4755
- color: l = w.GREY_DARK_5,
4749
+ color: l = g.GREY_DARK_5,
4756
4750
  height: e = 20,
4757
4751
  width: t = 20,
4758
4752
  onClick: n
@@ -4767,7 +4761,7 @@ const M5 = ({
4767
4761
  fill: "none",
4768
4762
  xmlns: "http://www.w3.org/2000/svg",
4769
4763
  children: [
4770
- /* @__PURE__ */ o("rect", { width: "20", height: "20", rx: "4", fill: w.GREY_LIGHT_2 }),
4764
+ /* @__PURE__ */ o("rect", { width: "20", height: "20", rx: "4", fill: g.GREY_LIGHT_2 }),
4771
4765
  /* @__PURE__ */ o(
4772
4766
  "path",
4773
4767
  {
@@ -4846,7 +4840,7 @@ const M5 = ({
4846
4840
  ), V7 = ({
4847
4841
  width: i = 20,
4848
4842
  height: l = 20,
4849
- color: e = w.GREY_DARK_5,
4843
+ color: e = g.GREY_DARK_5,
4850
4844
  className: t,
4851
4845
  onClick: n
4852
4846
  }) => /* @__PURE__ */ o(
@@ -4903,7 +4897,7 @@ const M5 = ({
4903
4897
  ), E7 = ({
4904
4898
  width: i = 20,
4905
4899
  height: l = 20,
4906
- color: e = w.GREY_DARK_5,
4900
+ color: e = g.GREY_DARK_5,
4907
4901
  className: t,
4908
4902
  onClick: n
4909
4903
  }) => /* @__PURE__ */ h(
@@ -4936,7 +4930,7 @@ const M5 = ({
4936
4930
  ), G7 = ({
4937
4931
  width: i = 24,
4938
4932
  height: l = 24,
4939
- color: e = w.GREY_DARK_2,
4933
+ color: e = g.GREY_DARK_2,
4940
4934
  className: t,
4941
4935
  onClick: n
4942
4936
  }) => /* @__PURE__ */ h(
@@ -4976,7 +4970,7 @@ const M5 = ({
4976
4970
  ), I7 = ({
4977
4971
  width: i = 24,
4978
4972
  height: l = 24,
4979
- color: e = w.GREY_DARK_2,
4973
+ color: e = g.GREY_DARK_2,
4980
4974
  className: t,
4981
4975
  onClick: n
4982
4976
  }) => /* @__PURE__ */ o(
@@ -5003,7 +4997,7 @@ const M5 = ({
5003
4997
  ), D7 = ({
5004
4998
  width: i = 24,
5005
4999
  height: l = 24,
5006
- color: e = w.GREY_DARK_2,
5000
+ color: e = g.GREY_DARK_2,
5007
5001
  className: t,
5008
5002
  onClick: n
5009
5003
  }) => /* @__PURE__ */ o(
@@ -5027,7 +5021,7 @@ const M5 = ({
5027
5021
  }
5028
5022
  )
5029
5023
  }
5030
- ), T7 = ({
5024
+ ), y7 = ({
5031
5025
  name: i,
5032
5026
  width: l,
5033
5027
  height: e,
@@ -5036,196 +5030,190 @@ const M5 = ({
5036
5030
  disabled: c = !1,
5037
5031
  onClick: L
5038
5032
  }) => {
5039
- const [r, m] = R(n), { theme: C } = r1(V1), a = c ? C && C === "dark" ? w.GREY_LIGHT_4 : w.GREY_DARK_1 : t, s = c ? void 0 : L;
5040
- return G(() => {
5041
- if (n) {
5042
- s && !c && m(`${n} clickable`);
5043
- return;
5044
- }
5045
- s && !c && m("clickable");
5046
- }, [s, n, c]), /* @__PURE__ */ o(F, { children: (() => {
5033
+ const { theme: C } = r1(V1), s = c ? C && C === "dark" ? g.GREY_LIGHT_4 : g.GREY_DARK_1 : t, r = c ? void 0 : L, a = L && !c ? `${n || ""} clickable` : n;
5034
+ return /* @__PURE__ */ o(F, { children: (() => {
5047
5035
  switch (i) {
5048
5036
  case "nextIcon":
5049
- return n7({ width: l, height: e, color: a, className: r, onClick: s });
5037
+ return n7({ width: l, height: e, color: s, className: a, onClick: r });
5050
5038
  case "prevIcon":
5051
- return r7({ width: l, height: e, color: a, className: r, onClick: s });
5039
+ return r7({ width: l, height: e, color: s, className: a, onClick: r });
5052
5040
  case "arrowDown":
5053
- return M5({ width: l, height: e, color: a, className: r, onClick: s });
5041
+ return M5({ width: l, height: e, color: s, className: a, onClick: r });
5054
5042
  case "info":
5055
- return H5({ width: l, height: e, color: a, className: r, onClick: s });
5043
+ return H5({ width: l, height: e, color: s, className: a, onClick: r });
5056
5044
  case "arrowRight":
5057
- return x5({ width: l, height: e, color: a, className: r, onClick: s });
5045
+ return x5({ width: l, height: e, color: s, className: a, onClick: r });
5058
5046
  case "calendar":
5059
- return G5({ width: l, height: e, color: a, className: r, onClick: s });
5047
+ return G5({ width: l, height: e, color: s, className: a, onClick: r });
5060
5048
  case "check":
5061
- return I5({ width: l, height: e, color: a, className: r, onClick: s });
5049
+ return I5({ width: l, height: e, color: s, className: a, onClick: r });
5062
5050
  case "cancel":
5063
- return D5({ width: l, height: e, color: a, className: r, onClick: s });
5051
+ return D5({ width: l, height: e, color: s, className: a, onClick: r });
5064
5052
  case "add":
5065
- return T5({ width: l, height: e, color: a, className: r, onClick: s });
5053
+ return y5({ width: l, height: e, color: s, className: a, onClick: r });
5066
5054
  case "list":
5067
- return y5({ width: l, height: e, color: a, className: r, onClick: s });
5055
+ return T5({ width: l, height: e, color: s, className: a, onClick: r });
5068
5056
  case "dragAndDrop":
5069
- return K5({ width: l, height: e, color: a, className: r, onClick: s });
5057
+ return Y5({ width: l, height: e, color: s, className: a, onClick: r });
5070
5058
  case "filter":
5071
- return Y5({ width: l, height: e, color: a, className: r, onClick: s });
5059
+ return K5({ width: l, height: e, color: s, className: a, onClick: r });
5072
5060
  case "attention":
5073
- return B5({ width: l, height: e, color: a, className: r, onClick: s });
5061
+ return B5({ width: l, height: e, color: s, className: a, onClick: r });
5074
5062
  case "users":
5075
- return b5({ width: l, height: e, color: a, className: r, onClick: s });
5063
+ return b5({ width: l, height: e, color: s, className: a, onClick: r });
5076
5064
  case "mySkillsMatrix":
5077
5065
  return O5({
5078
5066
  width: l,
5079
5067
  height: e,
5080
- color: a,
5081
- className: r,
5082
- onClick: s
5068
+ color: s,
5069
+ className: a,
5070
+ onClick: r
5083
5071
  });
5084
5072
  case "skills":
5085
- return W5({ width: l, height: e, color: a, className: r, onClick: s });
5073
+ return W5({ width: l, height: e, color: s, className: a, onClick: r });
5086
5074
  case "skillsMatrices":
5087
5075
  return j5({
5088
5076
  width: l,
5089
5077
  height: e,
5090
- color: a,
5091
- className: r,
5092
- onClick: s
5078
+ color: s,
5079
+ className: a,
5080
+ onClick: r
5093
5081
  });
5094
5082
  case "history":
5095
- return S5({ width: l, height: e, color: a, className: r, onClick: s });
5083
+ return S5({ width: l, height: e, color: s, className: a, onClick: r });
5096
5084
  case "logOut":
5097
- return U5({ width: l, height: e, color: a, className: r, onClick: s });
5085
+ return U5({ width: l, height: e, color: s, className: a, onClick: r });
5098
5086
  case "settings":
5099
- return F5({ width: l, height: e, color: a, className: r, onClick: s });
5087
+ return F5({ width: l, height: e, color: s, className: a, onClick: r });
5100
5088
  case "trash":
5101
- return P5({ width: l, height: e, color: a, className: r, onClick: s });
5089
+ return P5({ width: l, height: e, color: s, className: a, onClick: r });
5102
5090
  case "settings2":
5103
- return $5({ width: l, height: e, color: a, className: r, onClick: s });
5091
+ return $5({ width: l, height: e, color: s, className: a, onClick: r });
5104
5092
  case "checkCircle":
5105
- return z5({ width: l, height: e, color: a, className: r, onClick: s });
5093
+ return z5({ width: l, height: e, color: s, className: a, onClick: r });
5106
5094
  case "cancelCircle":
5107
- return J5({ width: l, height: e, color: a, className: r, onClick: s });
5095
+ return J5({ width: l, height: e, color: s, className: a, onClick: r });
5108
5096
  case "visibilityIcon":
5109
5097
  return q5({
5110
5098
  width: l,
5111
5099
  height: e,
5112
- color: a,
5113
- className: r,
5114
- onClick: s
5100
+ color: s,
5101
+ className: a,
5102
+ onClick: r
5115
5103
  });
5116
5104
  case "visibilityOffIcon":
5117
5105
  return Q5({
5118
5106
  width: l,
5119
5107
  height: e,
5120
- color: a,
5121
- className: r,
5122
- onClick: s
5108
+ color: s,
5109
+ className: a,
5110
+ onClick: r
5123
5111
  });
5124
5112
  case "selectArrowIcon":
5125
5113
  return X5({
5126
5114
  width: l,
5127
5115
  height: e,
5128
- color: a,
5129
- className: r,
5130
- onClick: s
5116
+ color: s,
5117
+ className: a,
5118
+ onClick: r
5131
5119
  });
5132
5120
  case "expandArrowIcon":
5133
5121
  return e7({
5134
5122
  width: l,
5135
5123
  height: e,
5136
- color: a,
5137
- className: r,
5138
- onClick: s
5124
+ color: s,
5125
+ className: a,
5126
+ onClick: r
5139
5127
  });
5140
5128
  case "expandActiveArrowIcon":
5141
5129
  return l7({
5142
5130
  width: l,
5143
5131
  height: e,
5144
- color: a,
5145
- className: r,
5146
- onClick: s
5132
+ color: s,
5133
+ className: a,
5134
+ onClick: r
5147
5135
  });
5148
5136
  case "sortUp":
5149
- return i7({ width: l, height: e, color: a, className: r, onClick: s });
5137
+ return i7({ width: l, height: e, color: s, className: a, onClick: r });
5150
5138
  case "sortDown":
5151
- return o7({ width: l, height: e, color: a, className: r, onClick: s });
5139
+ return o7({ width: l, height: e, color: s, className: a, onClick: r });
5152
5140
  case "search":
5153
- return t7({ width: l, height: e, color: a, className: r, onClick: s });
5141
+ return t7({ width: l, height: e, color: s, className: a, onClick: r });
5154
5142
  case "arrowUpFilled":
5155
- return a7({ width: l, height: e, color: a, className: r, onClick: s });
5143
+ return a7({ width: l, height: e, color: s, className: a, onClick: r });
5156
5144
  case "arrowDownFilled":
5157
- return s7({ width: l, height: e, color: a, className: r, onClick: s });
5145
+ return s7({ width: l, height: e, color: s, className: a, onClick: r });
5158
5146
  case "arrow2Up":
5159
- return Z5({ width: l, height: e, color: a, className: r, onClick: s });
5147
+ return Z5({ width: l, height: e, color: s, className: a, onClick: r });
5160
5148
  case "arrow2Right":
5161
- return V5({ width: l, height: e, color: a, className: r, onClick: s });
5149
+ return V5({ width: l, height: e, color: s, className: a, onClick: r });
5162
5150
  case "arrow2Down":
5163
- return A5({ width: l, height: e, color: a, className: r, onClick: s });
5151
+ return A5({ width: l, height: e, color: s, className: a, onClick: r });
5164
5152
  case "arrow2Left":
5165
- return E5({ width: l, height: e, color: a, className: r, onClick: s });
5153
+ return E5({ width: l, height: e, color: s, className: a, onClick: r });
5166
5154
  case "link":
5167
- return h7({ width: l, height: e, color: a, className: r, onClick: s });
5155
+ return h7({ width: l, height: e, color: s, className: a, onClick: r });
5168
5156
  case "telegram":
5169
- return C7({ width: l, height: e, color: a, className: r, onClick: s });
5157
+ return C7({ width: l, height: e, color: s, className: a, onClick: r });
5170
5158
  case "mail":
5171
- return w7({ width: l, height: e, color: a, className: r, onClick: s });
5159
+ return g7({ width: l, height: e, color: s, className: a, onClick: r });
5172
5160
  case "github":
5173
- return c7({ width: l, height: e, color: a, className: r, onClick: s });
5161
+ return c7({ width: l, height: e, color: s, className: a, onClick: r });
5174
5162
  case "linkedIn":
5175
- return d7({ width: l, height: e, color: a, className: r, onClick: s });
5163
+ return d7({ width: l, height: e, color: s, className: a, onClick: r });
5176
5164
  case "emptyStateIcon":
5177
- return g7({ width: l, height: e, color: a, className: r, onClick: s });
5165
+ return w7({ width: l, height: e, color: s, className: a, onClick: r });
5178
5166
  case "filtersIcon":
5179
- return L7({ width: l, height: e, color: a, className: r, onClick: s });
5167
+ return L7({ width: l, height: e, color: s, className: a, onClick: r });
5180
5168
  case "dotMenuIcon":
5181
- return k7({ width: l, height: e, color: a, className: r, onClick: s });
5169
+ return k7({ width: l, height: e, color: s, className: a, onClick: r });
5182
5170
  case "plusCircle":
5183
- return p7({ width: l, height: e, color: a, className: r, onClick: s });
5171
+ return p7({ width: l, height: e, color: s, className: a, onClick: r });
5184
5172
  case "warning":
5185
- return m7({ width: l, height: e, color: a, className: r, onClick: s });
5173
+ return m7({ width: l, height: e, color: s, className: a, onClick: r });
5186
5174
  case "back":
5187
- return u7({ width: l, height: e, color: a, className: r, onClick: s });
5175
+ return u7({ width: l, height: e, color: s, className: a, onClick: r });
5188
5176
  case "bell":
5189
- return v7({ width: l, height: e, color: a, className: r, onClick: s });
5177
+ return v7({ width: l, height: e, color: s, className: a, onClick: r });
5190
5178
  case "copy":
5191
- return f7({ width: l, height: e, color: a, className: r, onClick: s });
5179
+ return f7({ width: l, height: e, color: s, className: a, onClick: r });
5192
5180
  case "contract":
5193
- return N7({ width: l, height: e, color: a, className: r, onClick: s });
5181
+ return N7({ width: l, height: e, color: s, className: a, onClick: r });
5194
5182
  case "resourceManager":
5195
- return _7({ width: l, height: e, color: a, className: r, onClick: s });
5183
+ return _7({ width: l, height: e, color: s, className: a, onClick: r });
5196
5184
  case "image":
5197
- return R7({ width: l, height: e, color: a, className: r, onClick: s });
5185
+ return R7({ width: l, height: e, color: s, className: a, onClick: r });
5198
5186
  case "edit":
5199
- return M7({ width: l, height: e, color: a, className: r, onClick: s });
5187
+ return M7({ width: l, height: e, color: s, className: a, onClick: r });
5200
5188
  case "filledArrowRight":
5201
- return H7({ width: l, height: e, color: a, className: r, onClick: s });
5189
+ return H7({ width: l, height: e, color: s, className: a, onClick: r });
5202
5190
  case "burgerMenu":
5203
- return x7({ width: l, height: e, color: a, className: r, onClick: s });
5191
+ return x7({ width: l, height: e, color: s, className: a, onClick: r });
5204
5192
  case "refresh":
5205
- return Z7({ width: l, height: e, color: a, className: r, onClick: s });
5193
+ return Z7({ width: l, height: e, color: s, className: a, onClick: r });
5206
5194
  case "projects":
5207
- return V7({ width: l, height: e, color: a, className: r, onClick: s });
5195
+ return V7({ width: l, height: e, color: s, className: a, onClick: r });
5208
5196
  case "user":
5209
- return E7({ width: l, height: e, color: a, className: r, onClick: s });
5197
+ return E7({ width: l, height: e, color: s, className: a, onClick: r });
5210
5198
  case "exit":
5211
- return A7({ width: l, height: e, color: a, className: r, onClick: s });
5199
+ return A7({ width: l, height: e, color: s, className: a, onClick: r });
5212
5200
  case "openPointCircle":
5213
- return G7({ width: l, height: e, color: a, className: r, onClick: s });
5201
+ return G7({ width: l, height: e, color: s, className: a, onClick: r });
5214
5202
  case "community":
5215
- return I7({ width: l, height: e, color: a, className: r, onClick: s });
5203
+ return I7({ width: l, height: e, color: s, className: a, onClick: r });
5216
5204
  case "docs":
5217
- return D7({ width: l, height: e, color: a, className: r, onClick: s });
5205
+ return D7({ width: l, height: e, color: s, className: a, onClick: r });
5218
5206
  default:
5219
5207
  return /* @__PURE__ */ o(F, { children: "No Icon provided" });
5220
5208
  }
5221
5209
  })() });
5222
5210
  };
5223
5211
  var t1 = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_0_5 = "var(--blue-light-0-5)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(t1 || {});
5224
- const y7 = s1({
5212
+ const T7 = s1({
5225
5213
  locale: "en",
5226
5214
  theme: "light"
5227
5215
  });
5228
- y7.Provider;
5216
+ T7.Provider;
5229
5217
  const A1 = ({
5230
5218
  children: i,
5231
5219
  width: l,
@@ -5234,7 +5222,7 @@ const A1 = ({
5234
5222
  closable: n = !0,
5235
5223
  disabled: c = !1
5236
5224
  }) => {
5237
- const L = e === "small" ? 10 : 12.5, r = () => {
5225
+ const L = e === "small" ? 10 : 12.5, C = () => {
5238
5226
  c || t == null || t();
5239
5227
  };
5240
5228
  return /* @__PURE__ */ o(
@@ -5242,13 +5230,13 @@ const A1 = ({
5242
5230
  {
5243
5231
  className: `snmt-tag ${e} ${c ? "disabled" : ""}`,
5244
5232
  closeIcon: /* @__PURE__ */ o(
5245
- T7,
5233
+ y7,
5246
5234
  {
5247
5235
  name: "cancelCircle",
5248
5236
  color: c ? t1.GREY_DARK_1 : t1.GREY_DARK_2,
5249
5237
  width: L,
5250
5238
  height: L,
5251
- onClick: r
5239
+ onClick: C
5252
5240
  }
5253
5241
  ),
5254
5242
  bordered: !1,
@@ -5264,7 +5252,7 @@ const A1 = ({
5264
5252
  ) : i
5265
5253
  }
5266
5254
  );
5267
- }, { Title: K7, Text: Y7 } = m1, B7 = {
5255
+ }, { Title: Y7, Text: K7 } = m1, B7 = {
5268
5256
  h1: 1,
5269
5257
  h2: 2,
5270
5258
  h3: 3,
@@ -5279,39 +5267,39 @@ const A1 = ({
5279
5267
  collapsed: c,
5280
5268
  whiteSpace: L = "normal",
5281
5269
  /** This prop allows you to enable tooltip if text size is too big */
5282
- trim: r = !1
5283
- }, m) => {
5284
- const C = W(null);
5285
- L1(m, () => C.current);
5286
- const [a, s] = R(!1);
5287
- G(() => {
5288
- var H;
5289
- if (!r) return;
5290
- const u = () => {
5291
- C.current && s(C.current.scrollWidth > C.current.clientWidth);
5270
+ trim: C = !1
5271
+ }, s) => {
5272
+ const r = W(null);
5273
+ L1(s, () => r.current);
5274
+ const [a, _] = V(!1);
5275
+ I(() => {
5276
+ var M;
5277
+ if (!C) return;
5278
+ const m = () => {
5279
+ r.current && _(r.current.scrollWidth > r.current.clientWidth);
5292
5280
  };
5293
- u();
5294
- const x = new ResizeObserver(u);
5295
- return C.current && x.observe(C.current), (H = C.current) != null && H.parentElement && x.observe(C.current.parentElement), () => {
5296
- x.disconnect();
5281
+ m();
5282
+ const H = new ResizeObserver(m);
5283
+ return r.current && H.observe(r.current), (M = r.current) != null && M.parentElement && H.observe(r.current.parentElement), () => {
5284
+ H.disconnect();
5297
5285
  };
5298
- }, [r]);
5299
- const f = l === "h1" || l === "h2" || l === "h3" || l === "h4";
5300
- let v = `snmt-typography snmt-typography-${l}`;
5301
- i && i !== "inherit" && (v += ` snmt-typography-align-${i}`), c && (v += " collapsed");
5302
- const M = {
5303
- className: v,
5304
- style: { color: e, whiteSpace: r ? "nowrap" : L, display: r ? "block" : "" },
5286
+ }, [C]);
5287
+ const v = l === "h1" || l === "h2" || l === "h3" || l === "h4";
5288
+ let u = `snmt-typography snmt-typography-${l}`;
5289
+ i && i !== "inherit" && (u += ` snmt-typography-align-${i}`), c && (u += " collapsed");
5290
+ const R = {
5291
+ className: u,
5292
+ style: { color: e, whiteSpace: C ? "nowrap" : L, display: C ? "block" : "" },
5305
5293
  onClick: n,
5306
- ref: C,
5307
- ellipsis: r && a ? {
5294
+ ref: r,
5295
+ ellipsis: C && a ? {
5308
5296
  tooltip: {
5309
5297
  title: t,
5310
5298
  overlayClassName: "snmt-tooltip"
5311
5299
  }
5312
5300
  } : void 0
5313
5301
  };
5314
- return f ? /* @__PURE__ */ o(K7, { level: B7[l], ...M, children: t }) : /* @__PURE__ */ o(Y7, { ...M, children: t });
5302
+ return v ? /* @__PURE__ */ o(Y7, { level: B7[l], ...R, children: t }) : /* @__PURE__ */ o(K7, { ...R, children: t });
5315
5303
  }
5316
5304
  ), O7 = ({
5317
5305
  children: i,
@@ -5322,18 +5310,18 @@ const A1 = ({
5322
5310
  noPadding: c = !1,
5323
5311
  trigger: L = "click"
5324
5312
  }) => {
5325
- const [r, m] = R(!1);
5313
+ const [C, s] = V(!1);
5326
5314
  return /* @__PURE__ */ o(
5327
- K1,
5315
+ Y1,
5328
5316
  {
5329
5317
  content: l,
5330
5318
  arrow: !1,
5331
5319
  placement: n,
5332
5320
  trigger: L,
5333
5321
  overlayClassName: `snmt-popover ${c ? "" : "padding"}`,
5334
- open: e ?? r,
5335
- onOpenChange: (C) => {
5336
- m(C), t == null || t(C);
5322
+ open: e ?? C,
5323
+ onOpenChange: (r) => {
5324
+ s(r), t == null || t(r);
5337
5325
  },
5338
5326
  children: /* @__PURE__ */ o("div", { className: "wrapper", children: i })
5339
5327
  }
@@ -5359,38 +5347,38 @@ const j7 = ({
5359
5347
  options: c,
5360
5348
  extraOptions: L
5361
5349
  }) => {
5362
- const { locale: r } = r1(u1), { t: m } = t2("common", { lng: r }), [C, a] = R(!1);
5363
- if (G(() => {
5350
+ const { locale: C } = r1(u1), { t: s } = t2("common", { lng: C }), [r, a] = V(!1);
5351
+ if (I(() => {
5364
5352
  i.length || a(!1);
5365
5353
  }, [i]), !i.length)
5366
5354
  return null;
5367
- const s = (f) => {
5368
- var v, M;
5369
- return ((v = c == null ? void 0 : c.find((u) => u.value === f)) == null ? void 0 : v.label) || ((M = L == null ? void 0 : L.find((u) => u.value === f)) == null ? void 0 : M.label) || f;
5355
+ const _ = (v) => {
5356
+ var u, R;
5357
+ return ((u = c == null ? void 0 : c.find((m) => m.value === v)) == null ? void 0 : u.label) || ((R = L == null ? void 0 : L.find((m) => m.value === v)) == null ? void 0 : R.label) || v;
5370
5358
  };
5371
5359
  return /* @__PURE__ */ h(
5372
5360
  O7,
5373
5361
  {
5374
5362
  content: (
5375
5363
  // 90: paddings + margins + gaps and so on
5376
- /* @__PURE__ */ o("div", { style: { maxWidth: e - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ o(o1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: f }) => /* @__PURE__ */ o(
5364
+ /* @__PURE__ */ o("div", { style: { maxWidth: e - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ o(o1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: v }) => /* @__PURE__ */ o(
5377
5365
  A1,
5378
5366
  {
5379
- onClose: () => l(f),
5367
+ onClose: () => l(v),
5380
5368
  closable: t,
5381
5369
  disabled: n,
5382
- children: s(f)
5370
+ children: _(v)
5383
5371
  },
5384
- f
5372
+ v
5385
5373
  )) }) })
5386
5374
  ),
5387
5375
  placement: "bottomRight",
5388
- isOpen: C,
5376
+ isOpen: r,
5389
5377
  setIsOpen: a,
5390
5378
  children: [
5391
5379
  i.length,
5392
5380
  " ",
5393
- m("more")
5381
+ s("more")
5394
5382
  ]
5395
5383
  }
5396
5384
  );
@@ -5415,101 +5403,101 @@ const j7 = ({
5415
5403
  search: n = !1,
5416
5404
  options: c,
5417
5405
  width: L,
5418
- disabled: r = !1,
5419
- required: m = !1,
5420
- clearable: C = !1,
5406
+ disabled: C = !1,
5407
+ required: s = !1,
5408
+ clearable: r = !1,
5421
5409
  scrollThresholdValue: a = 50,
5422
- onSearchChange: s,
5423
- onDropdownVisibleChange: f,
5424
- onScrollToEnd: v,
5425
- onPopupScroll: M,
5426
- id: H,
5427
- extraOptions: u,
5428
- dropdownRender: x,
5410
+ onSearchChange: _,
5411
+ onDropdownVisibleChange: v,
5412
+ onScrollToEnd: u,
5413
+ onPopupScroll: R,
5414
+ id: M,
5415
+ extraOptions: m,
5416
+ dropdownRender: H,
5429
5417
  optionRender: D,
5430
- isLoading: y,
5418
+ isLoading: T,
5431
5419
  readOnly: p,
5432
5420
  error: A
5433
- }, Z) => {
5434
- const [V, b] = R(!1), [j, Y] = R(!1), [S, $] = R(!0), [E, B] = R(i), Q = W(null);
5435
- G(() => {
5421
+ }, x) => {
5422
+ const [Z, b] = V(!1), [j, K] = V(!1), [S, $] = V(!0), [E, B] = V(i), Q = W(null);
5423
+ I(() => {
5436
5424
  B(i);
5437
5425
  }, [i]);
5438
- const a1 = (g) => {
5439
- b(g), f && f(g);
5440
- }, h1 = (g, k) => {
5441
- var _;
5442
- return !!((_ = k == null ? void 0 : k.label) != null && _.toString().toLowerCase().includes(g.toLowerCase()));
5426
+ const a1 = (w) => {
5427
+ b(w), v && v(w);
5428
+ }, h1 = (w, k) => {
5429
+ var N;
5430
+ return !!((N = k == null ? void 0 : k.label) != null && N.toString().toLowerCase().includes(w.toLowerCase()));
5443
5431
  }, X = () => {
5444
- Y(!0);
5432
+ K(!0);
5445
5433
  }, z = () => {
5446
- Y(!1);
5447
- }, O = T(
5448
- (g) => {
5449
- if (B(g), t) {
5450
- const _ = g;
5451
- l == null || l(_);
5434
+ K(!1);
5435
+ }, O = y(
5436
+ (w) => {
5437
+ if (B(w), t) {
5438
+ const N = w;
5439
+ l == null || l(N);
5452
5440
  return;
5453
5441
  }
5454
- const k = g;
5442
+ const k = w;
5455
5443
  l == null || l(k);
5456
5444
  },
5457
5445
  [t, l]
5458
- ), c1 = T(() => {
5459
- if (!(p || r)) {
5446
+ ), c1 = y(() => {
5447
+ if (!(p || C)) {
5460
5448
  if (t) {
5461
5449
  O([]);
5462
5450
  return;
5463
5451
  }
5464
5452
  O("");
5465
5453
  }
5466
- }, [r, O, t, p]), U = T(
5467
- (g) => {
5468
- const k = E.filter((_) => _ !== g);
5454
+ }, [C, O, t, p]), U = y(
5455
+ (w) => {
5456
+ const k = E.filter((N) => N !== w);
5469
5457
  O(k), B(k);
5470
5458
  },
5471
5459
  [O, E]
5472
- ), e1 = T(
5473
- (g) => (E == null ? void 0 : E.indexOf(g)) === 0 ? (
5460
+ ), e1 = y(
5461
+ (w) => (E == null ? void 0 : E.indexOf(w)) === 0 ? (
5474
5462
  // if the search input is empty
5475
5463
  // then display the placeholder, else do not display it
5476
5464
  /* @__PURE__ */ o("span", { className: "custom-placeholder", children: S ? e : "" })
5477
5465
  ) : /* @__PURE__ */ o(F, {}),
5478
5466
  [S, E, e]
5479
- ), C1 = (g) => {
5480
- g.preventDefault(), g.stopPropagation();
5481
- }, d1 = async (g) => {
5482
- const { target: k } = g;
5483
- k.scrollTop + k.offsetHeight >= k.scrollHeight - a && (v == null || v(!0)), M && await M(g);
5484
- }, J = T(
5485
- (g) => {
5486
- var k, _;
5487
- return ((k = c.find((l1) => l1.value === g)) == null ? void 0 : k.label) || ((_ = u == null ? void 0 : u.find(
5488
- (l1) => l1.value === g
5489
- )) == null ? void 0 : _.label) || g;
5467
+ ), C1 = (w) => {
5468
+ w.preventDefault(), w.stopPropagation();
5469
+ }, d1 = async (w) => {
5470
+ const { target: k } = w;
5471
+ k.scrollTop + k.offsetHeight >= k.scrollHeight - a && (u == null || u(!0)), R && await R(w);
5472
+ }, J = y(
5473
+ (w) => {
5474
+ var k, N;
5475
+ return ((k = c.find((l1) => l1.value === w)) == null ? void 0 : k.label) || ((N = m == null ? void 0 : m.find(
5476
+ (l1) => l1.value === w
5477
+ )) == null ? void 0 : N.label) || w;
5490
5478
  },
5491
- [u, c]
5492
- ), w1 = T(
5493
- (g) => {
5479
+ [m, c]
5480
+ ), g1 = y(
5481
+ (w) => {
5494
5482
  var k;
5495
5483
  return /* @__PURE__ */ o(
5496
5484
  j7,
5497
5485
  {
5498
- values: g,
5486
+ values: w,
5499
5487
  onTagClose: U,
5500
5488
  maxWidth: ((k = Q.current) == null ? void 0 : k.clientWidth) || 0,
5501
- disabled: r,
5489
+ disabled: C,
5502
5490
  closable: !p,
5503
5491
  options: c,
5504
- extraOptions: u
5492
+ extraOptions: m
5505
5493
  }
5506
5494
  );
5507
5495
  },
5508
- [r, u, U, c, p]
5509
- ), N = T(
5510
- ({ label: g, value: k, mode: _ }) => _ === "filter" ? e1(k) : /* @__PURE__ */ o("div", { onMouseDown: C1, className: "tag-wrapper", children: /* @__PURE__ */ o(A1, { onClose: () => U(k), disabled: r, children: typeof g == "object" ? g : J(k) }) }),
5511
- [r, J, U, e1]
5512
- ), I = Array.isArray(E) && E.length > 0 || !!E && typeof E == "string" && E.trim() !== "";
5496
+ [C, m, U, c, p]
5497
+ ), f = y(
5498
+ ({ label: w, value: k, mode: N }) => N === "filter" ? e1(k) : /* @__PURE__ */ o("div", { onMouseDown: C1, className: "tag-wrapper", children: /* @__PURE__ */ o(A1, { onClose: () => U(k), disabled: C, children: typeof w == "object" ? w : J(k) }) }),
5499
+ [C, J, U, e1]
5500
+ ), G = Array.isArray(E) && E.length > 0 || !!E && typeof E == "string" && E.trim() !== "";
5513
5501
  return /* @__PURE__ */ h("div", { className: "snmt-select-container", children: [
5514
5502
  /* @__PURE__ */ h(
5515
5503
  "div",
@@ -5524,44 +5512,44 @@ const j7 = ({
5524
5512
  {
5525
5513
  className: "snmt-select-blank",
5526
5514
  popupClassName: p ? "dropdown-read-only" : "",
5527
- id: H,
5528
- ref: Z,
5515
+ id: M,
5516
+ ref: x,
5529
5517
  showSearch: !!n,
5530
5518
  filterOption: n && h1,
5531
5519
  onDropdownVisibleChange: a1,
5532
- disabled: r,
5520
+ disabled: C,
5533
5521
  value: E || void 0,
5534
- labelRender: (g) => {
5535
- const k = J(g.value);
5536
- return r ? /* @__PURE__ */ o("span", { style: { color: K.GREY_DARK_1 }, children: k }) : k;
5522
+ labelRender: (w) => {
5523
+ const k = J(w.value);
5524
+ return C ? /* @__PURE__ */ o("span", { style: { color: Y.GREY_DARK_1 }, children: k }) : k;
5537
5525
  },
5538
5526
  mode: t === "filter" ? "multiple" : t,
5539
5527
  onChange: O,
5540
5528
  onFocus: X,
5541
5529
  onBlur: z,
5542
- onSearch: (g) => {
5543
- $(!g), s && s(g);
5530
+ onSearch: (w) => {
5531
+ $(!w), _ && _(w);
5544
5532
  },
5545
5533
  onSelect: () => $(!0),
5546
5534
  onDeselect: () => $(!0),
5547
- tagRender: (g) => N({ ...g, mode: t }),
5535
+ tagRender: (w) => f({ ...w, mode: t }),
5548
5536
  maxTagCount: "responsive",
5549
- maxTagPlaceholder: w1,
5537
+ maxTagPlaceholder: g1,
5550
5538
  onPopupScroll: d1,
5551
- prefix: y && /* @__PURE__ */ o(_1, { size: "small" }),
5539
+ prefix: T && /* @__PURE__ */ o(_1, { size: "small" }),
5552
5540
  suffixIcon: /* @__PURE__ */ o("div", { className: "wrapper-suffix-icon", children: t !== "filter" && /* @__PURE__ */ h(F, { children: [
5553
- E && !!E.length && (t || C) && /* @__PURE__ */ o(
5541
+ E && !!E.length && (t || r) && /* @__PURE__ */ o(
5554
5542
  "div",
5555
5543
  {
5556
5544
  onClick: c1,
5557
5545
  style: {
5558
- cursor: r ? "not-allowed" : "pointer"
5546
+ cursor: C ? "not-allowed" : "pointer"
5559
5547
  },
5560
5548
  children: /* @__PURE__ */ o(
5561
5549
  i1,
5562
5550
  {
5563
5551
  name: "cancel",
5564
- color: r ? K.GREY_DARK_1 : K.GREY_DARK_2
5552
+ color: C ? Y.GREY_DARK_1 : Y.GREY_DARK_2
5565
5553
  }
5566
5554
  )
5567
5555
  }
@@ -5570,32 +5558,32 @@ const j7 = ({
5570
5558
  i1,
5571
5559
  {
5572
5560
  name: "selectArrowIcon",
5573
- color: r ? K.GREY_DARK_1 : K.GREY_DARK_5,
5574
- className: V ? "select-arrow-rotated" : "select-arrow",
5575
- onClick: () => b(!V)
5561
+ color: C ? Y.GREY_DARK_1 : Y.GREY_DARK_5,
5562
+ className: Z ? "select-arrow-rotated" : "select-arrow",
5563
+ onClick: () => b(!Z)
5576
5564
  }
5577
5565
  )
5578
5566
  ] }) }),
5579
- removeIcon: /* @__PURE__ */ o(i1, { name: "cancelCircle", color: K.GREY_DARK_1 }),
5567
+ removeIcon: /* @__PURE__ */ o(i1, { name: "cancelCircle", color: Y.GREY_DARK_1 }),
5580
5568
  options: c,
5581
- optionRender: (g) => D ? D(g.data) : /* @__PURE__ */ h(o1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
5569
+ optionRender: (w) => D ? D(w.data) : /* @__PURE__ */ h(o1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
5582
5570
  /* @__PURE__ */ h(o1, { alignItems: "center", gap: 12, children: [
5583
5571
  t && /* @__PURE__ */ o(
5584
5572
  c2,
5585
5573
  {
5586
- checked: !!(E != null && E.includes(g.value))
5574
+ checked: !!(E != null && E.includes(w.value))
5587
5575
  }
5588
5576
  ),
5589
5577
  /* @__PURE__ */ h(o1, { alignItems: "center", gap: 8, children: [
5590
- g.data.image && /* @__PURE__ */ o(n2, { src: g.data.image, size: 20 }),
5591
- /* @__PURE__ */ o("span", { children: g.label })
5578
+ w.data.image && /* @__PURE__ */ o(n2, { src: w.data.image, size: 20 }),
5579
+ /* @__PURE__ */ o("span", { children: w.label })
5592
5580
  ] })
5593
5581
  ] }),
5594
- !t && E === g.value && /* @__PURE__ */ o(i1, { name: "check", color: K.BLUE_DARK_1 })
5582
+ !t && E === w.value && /* @__PURE__ */ o(i1, { name: "check", color: Y.BLUE_DARK_1 })
5595
5583
  ] }),
5596
- dropdownRender: (g) => /* @__PURE__ */ h("div", { className: "dropdown-container", children: [
5597
- /* @__PURE__ */ o("div", { className: "dropdown-menu", children: x ? x(g) : g }),
5598
- y && /* @__PURE__ */ o("div", { className: "loading-overlay", children: /* @__PURE__ */ o(_1, {}) })
5584
+ dropdownRender: (w) => /* @__PURE__ */ h("div", { className: "dropdown-container", children: [
5585
+ /* @__PURE__ */ o("div", { className: "dropdown-menu", children: H ? H(w) : w }),
5586
+ T && /* @__PURE__ */ o("div", { className: "loading-overlay", children: /* @__PURE__ */ o(_1, {}) })
5599
5587
  ] })
5600
5588
  }
5601
5589
  ),
@@ -5603,15 +5591,15 @@ const j7 = ({
5603
5591
  /* @__PURE__ */ o(
5604
5592
  "label",
5605
5593
  {
5606
- className: `${j || I ? "label-floating" : ""} ${r ? "label-disabled" : ""} ${j ? "label-focused" : ""} ${y ? "label-loading" : ""} ${A ? "label-error" : ""}`,
5607
- children: m ? `${e}*` : e
5594
+ className: `${j || G ? "label-floating" : ""} ${C ? "label-disabled" : ""} ${j ? "label-focused" : ""} ${T ? "label-loading" : ""} ${A ? "label-error" : ""}`,
5595
+ children: s ? `${e}*` : e
5608
5596
  }
5609
5597
  ),
5610
5598
  /* @__PURE__ */ o(
5611
5599
  "fieldset",
5612
5600
  {
5613
- className: `${j ? "fieldset-focused" : ""} ${r ? "fieldset-disabled" : ""} ${I ? "fieldset-filled" : ""} ${A ? "fieldset-error" : ""}`,
5614
- children: /* @__PURE__ */ o("legend", { children: /* @__PURE__ */ o("span", { children: m ? `${e}*` : e }) })
5601
+ className: `${j ? "fieldset-focused" : ""} ${C ? "fieldset-disabled" : ""} ${G ? "fieldset-filled" : ""} ${A ? "fieldset-error" : ""}`,
5602
+ children: /* @__PURE__ */ o("legend", { children: /* @__PURE__ */ o("span", { children: s ? `${e}*` : e }) })
5615
5603
  }
5616
5604
  )
5617
5605
  ] })
@@ -5623,19 +5611,19 @@ const j7 = ({
5623
5611
  i1,
5624
5612
  {
5625
5613
  name: "attention",
5626
- color: K.NOTIFICATION_ERROR_DARK,
5614
+ color: Y.NOTIFICATION_ERROR_DARK,
5627
5615
  height: 16,
5628
5616
  width: 16
5629
5617
  }
5630
5618
  ),
5631
- typeof A == "string" ? /* @__PURE__ */ o(b7, { color: K.NOTIFICATION_ERROR_DARK, variant: "body4", children: A }) : A
5619
+ typeof A == "string" ? /* @__PURE__ */ o(b7, { color: Y.NOTIFICATION_ERROR_DARK, variant: "body4", children: A }) : A
5632
5620
  ] })
5633
5621
  ] });
5634
5622
  }
5635
5623
  );
5636
5624
  function U7(i, l = 500) {
5637
5625
  const e = W();
5638
- return G(() => () => {
5626
+ return I(() => () => {
5639
5627
  e.current && clearTimeout(e.current);
5640
5628
  }, []), (...n) => {
5641
5629
  const c = setTimeout(() => {
@@ -5646,7 +5634,7 @@ function U7(i, l = 500) {
5646
5634
  }
5647
5635
  function M1(i) {
5648
5636
  const l = W(i);
5649
- return G(() => {
5637
+ return I(() => {
5650
5638
  l.current = i;
5651
5639
  }, [i]), l.current;
5652
5640
  }
@@ -5661,38 +5649,38 @@ const k1 = 100, q = {
5661
5649
  id: n,
5662
5650
  disabled: c,
5663
5651
  scrollThresholdValue: L,
5664
- placeholder: r,
5665
- mode: m,
5666
- loadOnClosedState: C,
5652
+ placeholder: C,
5653
+ mode: s,
5654
+ loadOnClosedState: r,
5667
5655
  preloadOptions: a,
5668
- extraOptions: s,
5669
- onDropdownVisibleChange: f,
5670
- optionRender: v,
5671
- dropdownRender: M,
5672
- readOnly: H,
5673
- clearable: u = !1,
5674
- required: x = !1,
5656
+ extraOptions: _,
5657
+ onDropdownVisibleChange: v,
5658
+ optionRender: u,
5659
+ dropdownRender: R,
5660
+ readOnly: M,
5661
+ clearable: m = !1,
5662
+ required: H = !1,
5675
5663
  error: D
5676
- }, y) => {
5677
- const [p, A] = R(), [Z, V] = R(q), [b, j] = R(!1), [Y, S] = R(), [$, E] = R(!1), [B, Q] = R(
5678
- s ?? []
5679
- ), a1 = M1(Z.offset), h1 = M1(Y), [X, z] = R(!1), O = W(!1), c1 = T(
5664
+ }, T) => {
5665
+ const [p, A] = V(), [x, Z] = V(q), [b, j] = V(!1), [K, S] = V(), [$, E] = V(!1), [B, Q] = V(
5666
+ _ ?? []
5667
+ ), a1 = M1(x.offset), h1 = M1(K), [X, z] = V(!1), O = W(!1), c1 = y(
5680
5668
  async ({
5681
- limit: N = k1,
5682
- offset: I,
5683
- search: g
5669
+ limit: f = k1,
5670
+ offset: G,
5671
+ search: w
5684
5672
  }) => {
5685
5673
  j(!0);
5686
5674
  try {
5687
5675
  const k = await i({
5688
- limit: N,
5689
- offset: I,
5690
- search: g
5676
+ limit: f,
5677
+ offset: G,
5678
+ search: w
5691
5679
  });
5692
5680
  A(
5693
- (_) => I === 0 ? k.options : [..._ ?? [], ...k.options]
5694
- ), V((_) => ({
5695
- ..._,
5681
+ (N) => G === 0 ? k.options : [...N ?? [], ...k.options]
5682
+ ), Z((N) => ({
5683
+ ...N,
5696
5684
  count: k.count
5697
5685
  }));
5698
5686
  } catch (k) {
@@ -5702,67 +5690,67 @@ const k1 = 100, q = {
5702
5690
  }
5703
5691
  },
5704
5692
  [i]
5705
- ), U = U7((N) => {
5706
- S(N), N || V(q);
5707
- }), e1 = T(
5708
- (N) => U(N),
5693
+ ), U = U7((f) => {
5694
+ S(f), f || Z(q);
5695
+ }), e1 = y(
5696
+ (f) => U(f),
5709
5697
  [U]
5710
- ), C1 = T(
5711
- async (N) => {
5712
- b || N && Z.count && Z.count > ((p == null ? void 0 : p.length) ?? 0) && V((I) => ({
5713
- ...I,
5714
- offset: I.offset + k1
5698
+ ), C1 = y(
5699
+ async (f) => {
5700
+ b || f && x.count && x.count > ((p == null ? void 0 : p.length) ?? 0) && Z((G) => ({
5701
+ ...G,
5702
+ offset: G.offset + k1
5715
5703
  }));
5716
5704
  },
5717
- [b, p == null ? void 0 : p.length, Z.count]
5718
- ), d1 = T(
5719
- (N) => {
5720
- E(N), !N && Y && (S(void 0), V(q), z(!0)), f == null || f(N);
5705
+ [b, p == null ? void 0 : p.length, x.count]
5706
+ ), d1 = y(
5707
+ (f) => {
5708
+ E(f), !f && K && (S(void 0), Z(q), z(!0)), v == null || v(f);
5721
5709
  },
5722
- [f, Y]
5710
+ [v, K]
5723
5711
  );
5724
- G(() => {
5712
+ I(() => {
5725
5713
  if (!O.current || b) return;
5726
- (X || $ && (a1 !== Z.offset || h1 !== Y || !p)) && (c1({ offset: Z.offset, limit: k1, search: Y }), X && z(!1));
5727
- }, [X, $, Z.offset, Y, a1, h1, p, b]), G(() => {
5728
- (C || a) && c1(q), O.current = !0;
5729
- }, []), G(() => {
5730
- s && Q((N) => {
5731
- const I = s.filter(
5732
- (g) => !N.some((k) => k.value === g.value)
5714
+ (X || $ && (a1 !== x.offset || h1 !== K || !p)) && (c1({ offset: x.offset, limit: k1, search: K }), X && z(!1));
5715
+ }, [X, $, x.offset, K, a1, h1, p, b]), I(() => {
5716
+ (r || a) && c1(q), O.current = !0;
5717
+ }, []), I(() => {
5718
+ _ && Q((f) => {
5719
+ const G = _.filter(
5720
+ (w) => !f.some((k) => k.value === w.value)
5733
5721
  );
5734
- return [...N, ...I];
5722
+ return [...f, ...G];
5735
5723
  });
5736
- }, [s]);
5737
- const J = T(
5738
- (N) => {
5739
- e && e(N);
5740
- let I = [];
5741
- if (m ? I = Array.isArray(N) ? N : [] : I = N ? [N] : [], Y) {
5742
- const g = I.filter(
5743
- (k) => !(B != null && B.some((_) => _.value === k))
5724
+ }, [_]);
5725
+ const J = y(
5726
+ (f) => {
5727
+ e && e(f);
5728
+ let G = [];
5729
+ if (s ? G = Array.isArray(f) ? f : [] : G = f ? [f] : [], K) {
5730
+ const w = G.filter(
5731
+ (k) => !(B != null && B.some((N) => N.value === k))
5744
5732
  );
5745
- g.length > 0 && Q((k = []) => [
5733
+ w.length > 0 && Q((k = []) => [
5746
5734
  ...k,
5747
- ...g.map((_) => {
5748
- const g1 = p == null ? void 0 : p.find((l1) => l1.value === _);
5735
+ ...w.map((N) => {
5736
+ const w1 = p == null ? void 0 : p.find((l1) => l1.value === N);
5749
5737
  return {
5750
- value: _,
5751
- label: (g1 == null ? void 0 : g1.label) ?? _
5738
+ value: N,
5739
+ label: (w1 == null ? void 0 : w1.label) ?? N
5752
5740
  };
5753
5741
  })
5754
- ]), S(void 0), V(q), z(!0);
5742
+ ]), S(void 0), Z(q), z(!0);
5755
5743
  }
5756
5744
  },
5757
- [e, Y, m, p, B]
5758
- ), w1 = E1(
5745
+ [e, K, s, p, B]
5746
+ ), g1 = E1(
5759
5747
  () => ({
5760
5748
  id: n,
5761
5749
  width: l,
5762
5750
  options: p || [],
5763
5751
  onChange: J,
5764
- ref: y,
5765
- placeholder: r,
5752
+ ref: T,
5753
+ placeholder: C,
5766
5754
  search: !0,
5767
5755
  value: t,
5768
5756
  onSearchChange: e1,
@@ -5772,11 +5760,11 @@ const k1 = 100, q = {
5772
5760
  disabled: c,
5773
5761
  extraOptions: B,
5774
5762
  isLoading: b,
5775
- optionRender: v,
5776
- dropdownRender: M,
5777
- readOnly: H,
5778
- clearable: u,
5779
- required: x,
5763
+ optionRender: u,
5764
+ dropdownRender: R,
5765
+ readOnly: M,
5766
+ clearable: m,
5767
+ required: H,
5780
5768
  error: D
5781
5769
  }),
5782
5770
  [
@@ -5784,8 +5772,8 @@ const k1 = 100, q = {
5784
5772
  l,
5785
5773
  p,
5786
5774
  J,
5787
- y,
5788
- r,
5775
+ T,
5776
+ C,
5789
5777
  t,
5790
5778
  e1,
5791
5779
  d1,
@@ -5794,19 +5782,19 @@ const k1 = 100, q = {
5794
5782
  c,
5795
5783
  B,
5796
5784
  b,
5797
- v,
5785
+ u,
5786
+ R,
5798
5787
  M,
5788
+ m,
5799
5789
  H,
5800
- u,
5801
- x,
5802
5790
  D
5803
5791
  ]
5804
5792
  );
5805
- return L1(y, () => ({
5793
+ return L1(T, () => ({
5806
5794
  refetchOptions: async () => {
5807
- V(q), S(void 0), z(!0);
5795
+ Z(q), S(void 0), z(!0);
5808
5796
  }
5809
- })), m ? /* @__PURE__ */ o(R1, { ...w1, value: t, mode: m }) : /* @__PURE__ */ o("div", { className: "snmt-async-select", children: /* @__PURE__ */ o(R1, { ...w1, value: t }) });
5797
+ })), s ? /* @__PURE__ */ o(R1, { ...g1, value: t, mode: s }) : /* @__PURE__ */ o("div", { className: "snmt-async-select", children: /* @__PURE__ */ o(R1, { ...g1, value: t }) });
5810
5798
  }
5811
5799
  );
5812
5800
  export {