@snmt-react-ui/async-select 1.7.3 → 1.7.5

package/dist/async-select.js

@@ -1,8 +1,8 @@
 import "./index.css";
 import { jsx as t, Fragment as z, jsxs as c } from "react/jsx-runtime";
-import { createContext as i1, forwardRef as g1, useState as H, useRef as J, useEffect as W, useCallback as I, useContext as t1, useMemo as E1, useImperativeHandle as V1 } from "react";
-import { Select as Z1, Flex as I1, Avatar as W1, Checkbox as B1, Typography as A1, Tag as G1, Popover as y1 } from "antd";
-var D1 = Object.defineProperty, j1 = (i, o, e) => o in i ? D1(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e, T1 = (i, o, e) => j1(i, o + "", e), Y1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+import { createContext as i1, forwardRef as k1, useState as H, useRef as J, useEffect as B, useCallback as W, useContext as t1, useMemo as V1, useImperativeHandle as E1 } from "react";
+import { Select as Z1, Flex as W1, Avatar as B1, Checkbox as A1, Typography as I1, Tag as G1, Popover as D1 } from "antd";
+var j1 = Object.defineProperty, y1 = (i, o, e) => o in i ? j1(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e, T1 = (i, o, e) => y1(i, o + "", e), Y1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function K1() {
   if (console && console.warn) {
     for (var i = arguments.length, o = new Array(i), e = 0; e < i; e++)
@@ -37,11 +37,11 @@ const f1 = (i, o) => () => {
   let e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const l = o.languages[0], r = o.options ? o.options.fallbackLng : !1, a = o.languages[o.languages.length - 1];
   if (l.toLowerCase() === "cimode") return !0;
-  const k = (n, p) => {
-    const g = o.services.backendConnector.state[`${n}|${p}`];
-    return g === -1 || g === 2;
+  const g = (n, p) => {
+    const k = o.services.backendConnector.state[`${n}|${p}`];
+    return k === -1 || k === 2;
   };
-  return e.bindI18n && e.bindI18n.indexOf("languageChanging") > -1 && o.services.backendConnector.backend && o.isLanguageChangingTo && !k(o.isLanguageChangingTo, i) ? !1 : !!(o.hasResourceBundle(l, i) || !o.services.backendConnector.backend || o.options.resources && !o.options.partialBundledLanguages || k(l, i) && (!r || k(a, i)));
+  return e.bindI18n && e.bindI18n.indexOf("languageChanging") > -1 && o.services.backendConnector.backend && o.isLanguageChangingTo && !g(o.isLanguageChangingTo, i) ? !1 : !!(o.hasResourceBundle(l, i) || !o.services.backendConnector.backend || o.options.resources && !o.options.partialBundledLanguages || g(l, i) && (!r || g(a, i)));
 }, O1 = function(i, o) {
   let e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   return !o.languages || !o.languages.length ? (w1("i18n.languages were undefined or empty", o.languages), !0) : o.options.ignoreJSONStructure !== void 0 ? o.hasLoadedNamespace(i, {
@@ -97,10 +97,10 @@ class e2 {
 }
 const o2 = (i, o) => {
   const e = J();
-  return W(() => {
+  return B(() => {
     e.current = i;
   }, [i, o]), e.current;
-}, M1 = (i, o, e, l) => i.getFixedT(o, e, l), i2 = (i, o, e, l) => I(M1(i, o, e, l), [i, o, e, l]), t2 = function(i) {
+}, M1 = (i, o, e, l) => i.getFixedT(o, e, l), i2 = (i, o, e, l) => W(M1(i, o, e, l), [i, o, e, l]), t2 = function(i) {
   let o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: e
@@ -114,55 +114,55 @@ const o2 = (i, o) => {
     return f.t = N, f.i18n = {}, f.ready = !1, f;
   }
   a.options.react && a.options.react.wait !== void 0 && w1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
-  const k = {
+  const g = {
     ...J1(),
     ...a.options.react,
     ...o
   }, {
     useSuspense: n,
     keyPrefix: p
-  } = k;
-  let g = i;
-  g = F(g) ? [g] : g || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(g);
-  const h = (a.isInitialized || a.initializedStoreOnce) && g.every((N) => O1(N, a, k)), s = i2(a, o.lng || null, k.nsMode === "fallback" ? g : g[0], p), _ = () => s, V = () => M1(a, o.lng || null, k.nsMode === "fallback" ? g : g[0], p), [B, A] = H(_);
-  let R = g.join();
+  } = g;
+  let k = i;
+  k = F(k) ? [k] : k || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(k);
+  const h = (a.isInitialized || a.initializedStoreOnce) && k.every((N) => O1(N, a, g)), s = i2(a, o.lng || null, g.nsMode === "fallback" ? k : k[0], p), _ = () => s, E = () => M1(a, o.lng || null, g.nsMode === "fallback" ? k : k[0], p), [A, I] = H(_);
+  let R = k.join();
   o.lng && (R = `${o.lng}${R}`);
-  const T = o2(R), E = J(!0);
-  W(() => {
+  const T = o2(R), V = J(!0);
+  B(() => {
     const {
       bindI18n: N,
       bindI18nStore: f
-    } = k;
-    E.current = !0, !h && !n && (o.lng ? m1(a, o.lng, g, () => {
-      E.current && A(V);
-    }) : L1(a, g, () => {
-      E.current && A(V);
-    })), h && T && T !== R && E.current && A(V);
+    } = g;
+    V.current = !0, !h && !n && (o.lng ? m1(a, o.lng, k, () => {
+      V.current && I(E);
+    }) : L1(a, k, () => {
+      V.current && I(E);
+    })), h && T && T !== R && V.current && I(E);
     const M = () => {
-      E.current && A(V);
+      V.current && I(E);
     };
     return N && a && a.on(N, M), f && a && a.store.on(f, M), () => {
-      E.current = !1, N && a && N.split(" ").forEach((x) => a.off(x, M)), f && a && f.split(" ").forEach((x) => a.store.off(x, M));
+      V.current = !1, N && a && N.split(" ").forEach((x) => a.off(x, M)), f && a && f.split(" ").forEach((x) => a.store.off(x, M));
     };
-  }, [a, R]), W(() => {
-    E.current && h && A(_);
+  }, [a, R]), B(() => {
+    V.current && h && I(_);
   }, [a, p, h]);
-  const v = [B, a, h];
-  if (v.t = B, v.i18n = a, v.ready = h, h || !h && !n) return v;
+  const v = [A, a, h];
+  if (v.t = A, v.i18n = a, v.ready = h, h || !h && !n) return v;
   throw new Promise((N) => {
-    o.lng ? m1(a, o.lng, g, () => N()) : L1(a, g, () => N());
+    o.lng ? m1(a, o.lng, k, () => N()) : L1(a, k, () => N());
   });
-}, d1 = ({
+}, C1 = ({
   children: i,
   direction: o = "row",
   flexWrap: e = "nowrap",
   alignItems: l = "normal",
   justifyContent: r = "normal",
   flex: a,
-  gap: k,
+  gap: g,
   padding: n
 }) => /* @__PURE__ */ t(
-  I1,
+  W1,
   {
     className: `snmt-flex${e === "inherit" ? " inherit" : ""}`,
     vertical: o === "column",
@@ -170,14 +170,14 @@ const o2 = (i, o) => {
     align: l,
     justify: r,
     flex: a,
-    gap: k,
+    gap: g,
     style: { padding: n },
     children: i
   }
 ), l2 = ({ shape: i = "circle", size: o = 32, children: e, ...l }) => {
   const r = typeof l.src == "string";
   return /* @__PURE__ */ t(
-    W1,
+    B1,
     {
       className: `snmt-avatar ${r ? "image" : ""}`,
       shape: i,
@@ -189,11 +189,11 @@ const o2 = (i, o) => {
   );
 };
 var O = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", 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_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.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))(O || {});
-const k1 = i1({
+const g1 = i1({
   locale: "en",
   theme: "light"
 });
-k1.Provider;
+g1.Provider;
 const r2 = ({
   checked: i = !0,
   indeterminate: o = !1,
@@ -202,26 +202,26 @@ const r2 = ({
   disabled: r = !1,
   disableUncheck: a = !1
 }) => {
-  const [k, n] = H(i), [p, g] = H(o);
-  W(() => {
-    n(i), g(o);
+  const [g, n] = H(i), [p, k] = H(o);
+  B(() => {
+    n(i), k(o);
   }, [i, o]);
-  const { theme: h } = t1(k1);
+  const { theme: h } = t1(g1);
   return /* @__PURE__ */ t(
-    B1,
+    A1,
     {
       className: `snmt-checkbox snmt-checkbox-${h}`,
-      checked: k,
+      checked: g,
       indeterminate: p,
       onChange: (s) => {
-        a && k || (g(!1), n(s.target.checked), l && l(s));
+        a && g || (k(!1), n(s.target.checked), l && l(s));
       },
       disabled: r,
       children: e
     }
   );
 };
-var C = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", 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_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.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))(C || {});
+var d = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", 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_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.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))(d || {});
 const x1 = i1({
   locale: "en",
   theme: "light"
@@ -383,7 +383,7 @@ const n2 = ({
       )
     ]
   }
-), d2 = ({
+), C2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -409,7 +409,7 @@ const n2 = ({
       }
     )
   }
-), C2 = ({
+), d2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -462,7 +462,7 @@ const n2 = ({
       )
     ]
   }
-), g2 = ({
+), k2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -516,7 +516,7 @@ const n2 = ({
       )
     ]
   }
-), k2 = ({
+), g2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -1007,7 +1007,7 @@ const n2 = ({
       }
     )
   }
-), E2 = ({
+), V2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -1054,7 +1054,7 @@ const n2 = ({
       )
     ]
   }
-), V2 = ({
+), E2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -1120,7 +1120,7 @@ const n2 = ({
       )
     ]
   }
-), I2 = ({
+), W2 = ({
   width: i = 20,
   height: o = 23,
   color: e = "#001E52",
@@ -1181,7 +1181,7 @@ const n2 = ({
       )
     ]
   }
-), W2 = ({
+), B2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -1221,7 +1221,7 @@ const n2 = ({
       )
     ]
   }
-), B2 = ({
+), A2 = ({
   width: i = 32,
   height: o = 25,
   color: e = "#001E52",
@@ -1249,7 +1249,7 @@ const n2 = ({
       )
     ]
   }
-), A2 = ({
+), I2 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#10B981",
@@ -1312,7 +1312,7 @@ const n2 = ({
       )
     ]
   }
-), y2 = ({
+), D2 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#88A4FF",
@@ -1360,7 +1360,7 @@ const n2 = ({
       )
     ]
   }
-), D2 = ({
+), j2 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#8E8E93",
@@ -1388,7 +1388,7 @@ const n2 = ({
       )
     ]
   }
-), j2 = ({
+), y2 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#FFB020",
@@ -1767,7 +1767,7 @@ const n2 = ({
 ), z2 = ({
   width: i = 24,
   height: o = 24,
-  color: e = C.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: l,
   onClick: r
 }) => /* @__PURE__ */ c(
@@ -1806,7 +1806,7 @@ const n2 = ({
 ), J2 = ({
   width: i = 20,
   height: o = 20,
-  color: e = C.GREY_DARK_1,
+  color: e = d.GREY_DARK_1,
   className: l,
   onClick: r
 }) => /* @__PURE__ */ c(
@@ -1839,7 +1839,7 @@ const n2 = ({
 ), q2 = ({
   width: i = 81,
   height: o = 80,
-  color: e = C.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: l,
   onClick: r
 }) => /* @__PURE__ */ c(
@@ -1887,7 +1887,7 @@ const n2 = ({
   }
 ), Q2 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 20,
   width: l = 20,
   onClick: r
@@ -1914,7 +1914,7 @@ const n2 = ({
   }
 ), X2 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 20,
   width: l = 20,
   onClick: r
@@ -1941,7 +1941,7 @@ const n2 = ({
   }
 ), e5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 5,
   width: l = 10,
   onClick: r
@@ -1965,7 +1965,7 @@ const n2 = ({
   }
 ), o5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 5,
   width: l = 10,
   onClick: r
@@ -1990,7 +1990,7 @@ const n2 = ({
   }
 ), i5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2029,7 +2029,7 @@ const n2 = ({
   }
 ), t5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2068,7 +2068,7 @@ const n2 = ({
   }
 ), l5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2095,7 +2095,7 @@ const n2 = ({
   }
 ), r5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2154,7 +2154,7 @@ const n2 = ({
   }
 ), n5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2191,7 +2191,7 @@ const n2 = ({
   }
 ), s5 = ({
   className: i,
-  color: o = C.GREY_DARK_3,
+  color: o = d.GREY_DARK_3,
   height: e = 14,
   width: l = 14,
   onClick: r
@@ -2228,7 +2228,7 @@ const n2 = ({
   }
 ), h5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 18,
   onClick: l,
   width: r = 18
@@ -2255,7 +2255,7 @@ const n2 = ({
   }
 ), c5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2307,7 +2307,7 @@ const n2 = ({
   }
 ), a5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2342,9 +2342,9 @@ const n2 = ({
       )
     ]
   }
-), d5 = ({
+), C5 = ({
   className: i,
-  color: o = C.NOTIFICATION_WARNING_DARK,
+  color: o = d.NOTIFICATION_WARNING_DARK,
   height: e = 37,
   width: l = 36,
   onClick: r
@@ -2381,9 +2381,9 @@ const n2 = ({
       )
     ]
   }
-), C5 = ({
+), d5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2409,7 +2409,7 @@ const n2 = ({
   }
 ), w5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2446,9 +2446,9 @@ const n2 = ({
       )
     ]
   }
-), g5 = ({
+), k5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2485,9 +2485,9 @@ const n2 = ({
       )
     ]
   }
-), k5 = ({
+), g5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2556,7 +2556,7 @@ const n2 = ({
   }
 ), p5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2595,7 +2595,7 @@ const n2 = ({
   }
 ), L5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2652,7 +2652,7 @@ const n2 = ({
   }
 ), m5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2691,7 +2691,7 @@ const n2 = ({
   }
 ), u5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2740,7 +2740,7 @@ const n2 = ({
   }
 ), v5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2779,7 +2779,7 @@ const n2 = ({
   }
 ), N5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2806,7 +2806,7 @@ const n2 = ({
   }
 ), f5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2844,7 +2844,7 @@ const n2 = ({
   }
 ), M5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2865,7 +2865,7 @@ const n2 = ({
   }
 ), x5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2904,7 +2904,7 @@ const n2 = ({
   }
 ), _5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2943,7 +2943,7 @@ const n2 = ({
   }
 ), R5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2982,7 +2982,7 @@ const n2 = ({
   }
 ), H5 = ({
   className: i,
-  color: o = C.GREY_DARK_2,
+  color: o = d.GREY_DARK_2,
   height: e = 16,
   width: l = 16,
   onClick: r
@@ -3006,9 +3006,9 @@ const n2 = ({
       }
     )
   }
-), E5 = ({
+), V5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 20,
   width: l = 20,
   onClick: r
@@ -3035,9 +3035,9 @@ const n2 = ({
       /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_3992_5989", children: /* @__PURE__ */ t("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), V5 = ({
+), E5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 20,
   width: l = 20,
   onClick: r
@@ -3066,7 +3066,7 @@ const n2 = ({
   }
 ), Z5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 20,
   width: l = 20,
   onClick: r
@@ -3081,7 +3081,7 @@ const n2 = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ t("rect", { width: "20", height: "20", rx: "4", fill: C.GREY_LIGHT_2 }),
+      /* @__PURE__ */ t("rect", { width: "20", height: "20", rx: "4", fill: d.GREY_LIGHT_2 }),
       /* @__PURE__ */ t(
         "path",
         {
@@ -3093,9 +3093,9 @@ const n2 = ({
       )
     ]
   }
-), I5 = ({
+), W5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 20,
   width: l = 20,
   onClick: r
@@ -3110,7 +3110,7 @@ const n2 = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ t("rect", { width: "20", height: "20", rx: "4", fill: C.GREY_LIGHT_2 }),
+      /* @__PURE__ */ t("rect", { width: "20", height: "20", rx: "4", fill: d.GREY_LIGHT_2 }),
       /* @__PURE__ */ t(
         "path",
         {
@@ -3122,7 +3122,7 @@ const n2 = ({
       )
     ]
   }
-), W5 = ({
+), B5 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -3148,7 +3148,7 @@ const n2 = ({
       }
     )
   }
-), B5 = ({
+), A5 = ({
   className: i,
   color: o = "#131314",
   height: e = 20,
@@ -3169,14 +3169,14 @@ const n2 = ({
       {
         d: "M13.3333 14.6667L17.5 10.5M17.5 10.5L13.3333 6.33333M17.5 10.5H7.5M7.5 3H6.5C5.09987 3 4.3998 3 3.86502 3.27248C3.39462 3.51217 3.01217 3.89462 2.77248 4.36502C2.5 4.8998 2.5 5.59987 2.5 7V14C2.5 15.4001 2.5 16.1002 2.77248 16.635C3.01217 17.1054 3.39462 17.4878 3.86502 17.7275C4.3998 18 5.09987 18 6.5 18H7.5",
         stroke: o,
-        "stroke-opacity": "0.8",
-        "stroke-width": "2",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
+        strokeOpacity: "0.8",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
       }
     )
   }
-), A5 = ({
+), I5 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -3270,7 +3270,7 @@ const n2 = ({
       }
     )
   }
-), y5 = ({
+), D5 = ({
   width: i = 24,
   height: o = 24,
   color: e = "#131314",
@@ -3303,6 +3303,166 @@ const n2 = ({
       )
     ]
   }
+), j5 = ({
+  width: i = 24,
+  height: o = 24,
+  color: e = d.GREY_DARK_2,
+  className: l,
+  onClick: r
+}) => /* @__PURE__ */ c(
+  "svg",
+  {
+    width: i,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: l,
+    onClick: r,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M5 20V19C5 15.134 8.13401 12 12 12V12C15.866 12 19 15.134 19 19V20",
+          stroke: e,
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z",
+          stroke: e,
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+), y5 = ({
+  width: i = 24,
+  height: o = 24,
+  color: e = d.GREY_DARK_2,
+  className: l,
+  onClick: r
+}) => /* @__PURE__ */ t(
+  "svg",
+  {
+    width: i,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: l,
+    onClick: r,
+    children: /* @__PURE__ */ t(
+      "path",
+      {
+        d: "M15 4V2M15 4V6M15 4H10.5M3 10V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V10M3 10H21M3 10V6C3 5.46957 3.21071 4.96086 3.58579 4.58579C3.96086 4.21071 4.46957 4 5 4H7M21 10V6C21 5.46957 20.7893 4.96086 20.4142 4.58579C20.0391 4.21071 19.5304 4 19 4H18.5M7 2V6",
+        stroke: e,
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+), T5 = ({
+  width: i = 24,
+  height: o = 24,
+  color: e = d.GREY_DARK_2,
+  className: l,
+  onClick: r
+}) => /* @__PURE__ */ c(
+  "svg",
+  {
+    width: i,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: l,
+    onClick: r,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22Z",
+          stroke: e,
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M12 13C12.2652 13 12.5196 12.8946 12.7071 12.7071C12.8946 12.5196 13 12.2652 13 12C13 11.7348 12.8946 11.4804 12.7071 11.2929C12.5196 11.1054 12.2652 11 12 11C11.7348 11 11.4804 11.1054 11.2929 11.2929C11.1054 11.4804 11 11.7348 11 12C11 12.2652 11.1054 12.5196 11.2929 12.7071C11.4804 12.8946 11.7348 13 12 13Z",
+          fill: e,
+          stroke: e,
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+), Y5 = ({
+  width: i = 24,
+  height: o = 24,
+  color: e = d.GREY_DARK_2,
+  className: l,
+  onClick: r
+}) => /* @__PURE__ */ t(
+  "svg",
+  {
+    width: i,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: l,
+    onClick: r,
+    children: /* @__PURE__ */ t(
+      "path",
+      {
+        d: "M7 18V17C7 15.6739 7.52678 14.4021 8.46447 13.4645C9.40215 12.5268 10.6739 12 12 12M12 12C13.3261 12 14.5979 12.5268 15.5355 13.4645C16.4732 14.4021 17 15.6739 17 17V18M12 12C12.7956 12 13.5587 11.6839 14.1213 11.1213C14.6839 10.5587 15 9.79565 15 9C15 8.20435 14.6839 7.44129 14.1213 6.87868C13.5587 6.31607 12.7956 6 12 6C11.2044 6 10.4413 6.31607 9.87868 6.87868C9.31607 7.44129 9 8.20435 9 9C9 9.79565 9.31607 10.5587 9.87868 11.1213C10.4413 11.6839 11.2044 12 12 12ZM1 18V17C1 16.2044 1.31607 15.4413 1.87868 14.8787C2.44129 14.3161 3.20435 14 4 14M4 14C4.53043 14 5.03914 13.7893 5.41421 13.4142C5.78929 13.0391 6 12.5304 6 12C6 11.4696 5.78929 10.9609 5.41421 10.5858C5.03914 10.2107 4.53043 10 4 10C3.46957 10 2.96086 10.2107 2.58579 10.5858C2.21071 10.9609 2 11.4696 2 12C2 12.5304 2.21071 13.0391 2.58579 13.4142C2.96086 13.7893 3.46957 14 4 14ZM23 18V17C23 16.2044 22.6839 15.4413 22.1213 14.8787C21.5587 14.3161 20.7956 14 20 14M20 14C20.5304 14 21.0391 13.7893 21.4142 13.4142C21.7893 13.0391 22 12.5304 22 12C22 11.4696 21.7893 10.9609 21.4142 10.5858C21.0391 10.2107 20.5304 10 20 10C19.4696 10 18.9609 10.2107 18.5858 10.5858C18.2107 10.9609 18 11.4696 18 12C18 12.5304 18.2107 13.0391 18.5858 13.4142C18.9609 13.7893 19.4696 14 20 14Z",
+        stroke: e,
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+), K5 = ({
+  width: i = 24,
+  height: o = 24,
+  color: e = d.GREY_DARK_2,
+  className: l,
+  onClick: r
+}) => /* @__PURE__ */ t(
+  "svg",
+  {
+    width: i,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: l,
+    onClick: r,
+    children: /* @__PURE__ */ t(
+      "path",
+      {
+        d: "M7 7H17M7 12H17M7 17H13M19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3Z",
+        stroke: e,
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
 ), a1 = ({
   name: i,
   width: o,
@@ -3310,10 +3470,10 @@ const n2 = ({
   color: l,
   className: r,
   disabled: a = !1,
-  onClick: k
+  onClick: g
 }) => {
-  const [n, p] = H(r), { theme: g } = t1(x1), h = a ? g && g === "dark" ? C.GREY_LIGHT_4 : C.GREY_DARK_1 : l, s = a ? void 0 : k;
-  return W(() => {
+  const [n, p] = H(r), { theme: k } = t1(x1), h = a ? k && k === "dark" ? d.GREY_LIGHT_4 : d.GREY_DARK_1 : l, s = a ? void 0 : g;
+  return B(() => {
     if (r) {
       s && !a && p(`${r} clickable`);
       return;
@@ -3336,15 +3496,15 @@ const n2 = ({
       case "calendar":
         return a2({ width: o, height: e, color: h, className: n, onClick: s });
       case "ok":
-        return d2({ width: o, height: e, color: h, className: n, onClick: s });
-      case "cancel":
         return C2({ width: o, height: e, color: h, className: n, onClick: s });
+      case "cancel":
+        return d2({ width: o, height: e, color: h, className: n, onClick: s });
       case "add":
         return w2({ width: o, height: e, color: h, className: n, onClick: s });
       case "list":
-        return g2({ width: o, height: e, color: h, className: n, onClick: s });
-      case "dragAndDrop":
         return k2({ width: o, height: e, color: h, className: n, onClick: s });
+      case "dragAndDrop":
+        return g2({ width: o, height: e, color: h, className: n, onClick: s });
       case "filter":
         return p2({ width: o, height: e, color: h, className: n, onClick: s });
       case "attention":
@@ -3388,17 +3548,17 @@ const n2 = ({
       case "settings":
         return H2({ width: o, height: e, color: h, className: n, onClick: s });
       case "addSkill":
-        return E2({ width: o, height: e, color: h, className: n, onClick: s });
-      case "conversation":
         return V2({ width: o, height: e, color: h, className: n, onClick: s });
+      case "conversation":
+        return E2({ width: o, height: e, color: h, className: n, onClick: s });
       case "trash":
         return Z2({ width: o, height: e, color: h, className: n, onClick: s });
       case "settings4":
-        return I2({ width: o, height: e, color: h, className: n, onClick: s });
-      case "edit2":
         return W2({ width: o, height: e, color: h, className: n, onClick: s });
+      case "edit2":
+        return B2({ width: o, height: e, color: h, className: n, onClick: s });
       case "notifications":
-        return B2({
+        return A2({
           width: o,
           height: e,
           color: h,
@@ -3406,7 +3566,7 @@ const n2 = ({
           onClick: s
         });
       case "success":
-        return A2({ width: o, height: e, color: h, className: n, onClick: s });
+        return I2({ width: o, height: e, color: h, className: n, onClick: s });
       case "attentionSmall":
         return G2({
           width: o,
@@ -3416,11 +3576,11 @@ const n2 = ({
           onClick: s
         });
       case "errorSmall":
-        return y2({ width: o, height: e, color: h, className: n, onClick: s });
-      case "infoMedium":
         return D2({ width: o, height: e, color: h, className: n, onClick: s });
+      case "infoMedium":
+        return j2({ width: o, height: e, color: h, className: n, onClick: s });
       case "attentionMedium":
-        return j2({
+        return y2({
           width: o,
           height: e,
           color: h,
@@ -3512,15 +3672,15 @@ const n2 = ({
       case "plusCircle":
         return a5({ width: o, height: e, color: h, className: n, onClick: s });
       case "warning":
-        return d5({ width: o, height: e, color: h, className: n, onClick: s });
-      case "back":
         return C5({ width: o, height: e, color: h, className: n, onClick: s });
+      case "back":
+        return d5({ width: o, height: e, color: h, className: n, onClick: s });
       case "bell":
         return w5({ width: o, height: e, color: h, className: n, onClick: s });
       case "contract":
-        return k5({ width: o, height: e, color: h, className: n, onClick: s });
-      case "trash2":
         return g5({ width: o, height: e, color: h, className: n, onClick: s });
+      case "trash2":
+        return k5({ width: o, height: e, color: h, className: n, onClick: s });
       case "manager":
         return p5({ width: o, height: e, color: h, className: n, onClick: s });
       case "resourceManager":
@@ -3546,33 +3706,43 @@ const n2 = ({
       case "crossInCircle":
         return H5({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowUp2":
-        return V5({ width: o, height: e, color: h, className: n, onClick: s });
-      case "arrowDown2":
         return E5({ width: o, height: e, color: h, className: n, onClick: s });
+      case "arrowDown2":
+        return V5({ width: o, height: e, color: h, className: n, onClick: s });
       case "filledArrowLeft":
         return Z5({ width: o, height: e, color: h, className: n, onClick: s });
       case "filledArrowRight":
-        return I5({ width: o, height: e, color: h, className: n, onClick: s });
-      case "burgerMenu":
         return W5({ width: o, height: e, color: h, className: n, onClick: s });
-      case "signOut":
+      case "burgerMenu":
         return B5({ width: o, height: e, color: h, className: n, onClick: s });
-      case "refresh":
+      case "signOut":
         return A5({ width: o, height: e, color: h, className: n, onClick: s });
+      case "refresh":
+        return I5({ width: o, height: e, color: h, className: n, onClick: s });
       case "projects":
         return G5({ width: o, height: e, color: h, className: n, onClick: s });
       case "exit":
+        return D5({ width: o, height: e, color: h, className: n, onClick: s });
+      case "client":
+        return j5({ width: o, height: e, color: h, className: n, onClick: s });
+      case "calendar2":
         return y5({ width: o, height: e, color: h, className: n, onClick: s });
+      case "openPointCircle":
+        return T5({ width: o, height: e, color: h, className: n, onClick: s });
+      case "community":
+        return Y5({ width: o, height: e, color: h, className: n, onClick: s });
+      case "docs":
+        return K5({ width: o, height: e, color: h, className: n, onClick: s });
       default:
         return /* @__PURE__ */ t(z, { children: "No Icon provided" });
     }
   })() });
-}, { Title: D5, Text: j5 } = A1, T5 = {
+}, { Title: b5, Text: O5 } = I1, F5 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, Y5 = g1(
+}, S5 = k1(
   ({
     align: i = "inherit",
     variant: o = "body1",
@@ -3580,25 +3750,25 @@ const n2 = ({
     children: l,
     onClick: r,
     collapsed: a,
-    whiteSpace: k = "normal"
+    whiteSpace: g = "normal"
   }, n) => {
     const p = o === "h1" || o === "h2" || o === "h3" || o === "h4";
-    let g = `snmt-typography snmt-typography-${o}`;
-    return i && i !== "inherit" && (g += ` snmt-typography-align-${i}`), a && (g += " collapsed"), p ? /* @__PURE__ */ t(
-      D5,
+    let k = `snmt-typography snmt-typography-${o}`;
+    return i && i !== "inherit" && (k += ` snmt-typography-align-${i}`), a && (k += " collapsed"), p ? /* @__PURE__ */ t(
+      b5,
       {
-        className: g,
-        style: { color: e, whiteSpace: k },
+        className: k,
+        style: { color: e, whiteSpace: g },
         onClick: r,
-        level: T5[o],
+        level: F5[o],
         ref: n,
         children: l
       }
     ) : /* @__PURE__ */ t(
-      j5,
+      O5,
       {
-        className: g,
-        style: { color: e, whiteSpace: k },
+        className: k,
+        style: { color: e, whiteSpace: g },
         onClick: r,
         ref: n,
         children: l
@@ -3612,7 +3782,7 @@ const _1 = i1({
   theme: "light"
 });
 _1.Provider;
-const K5 = ({
+const U5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3639,7 +3809,7 @@ const K5 = ({
       }
     )
   }
-), b5 = ({
+), P5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3666,7 +3836,7 @@ const K5 = ({
       }
     )
   }
-), O5 = ({
+), $5 = ({
   width: i = 16,
   height: o = 16,
   color: e = "#001E52",
@@ -3694,7 +3864,7 @@ const K5 = ({
       )
     ]
   }
-), F5 = ({
+), z5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3729,7 +3899,7 @@ const K5 = ({
       )
     ]
   }
-), S5 = ({
+), J5 = ({
   width: i = 18,
   height: o = 18,
   color: e = "#001E52",
@@ -3768,7 +3938,7 @@ const K5 = ({
       )
     ]
   }
-), U5 = ({
+), q5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3794,7 +3964,7 @@ const K5 = ({
       }
     )
   }
-), P5 = ({
+), Q5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3815,7 +3985,7 @@ const K5 = ({
       /* @__PURE__ */ t("path", { d: "M16 4L4 16", stroke: e, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), $5 = ({
+), X5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3847,7 +4017,7 @@ const K5 = ({
       )
     ]
   }
-), z5 = ({
+), e3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3901,7 +4071,7 @@ const K5 = ({
       )
     ]
   }
-), J5 = ({
+), o3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3940,7 +4110,7 @@ const K5 = ({
       /* @__PURE__ */ t("path", { d: "M3 12L17 12", stroke: e, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), q5 = ({
+), i3 = ({
   width: i = 16,
   height: o = 12,
   color: e = "#001E52",
@@ -3989,7 +4159,7 @@ const K5 = ({
       )
     ] })
   }
-), Q5 = ({
+), t3 = ({
   width: i = 16,
   height: o = 16,
   color: e = "#001E52",
@@ -4023,7 +4193,7 @@ const K5 = ({
       )
     ]
   }
-), X5 = ({
+), l3 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -4062,7 +4232,7 @@ const K5 = ({
       )
     ] })
   }
-), e3 = ({
+), r3 = ({
   width: i = 16,
   height: o = 16,
   color: e = "#001E52",
@@ -4098,7 +4268,7 @@ const K5 = ({
       )
     ]
   }
-), o3 = ({
+), n3 = ({
   width: i = 11,
   height: o = 32,
   color: e = "#001E52",
@@ -4136,7 +4306,7 @@ const K5 = ({
       /* @__PURE__ */ t("circle", { cx: "3", cy: "3", r: "3", fill: e })
     ]
   }
-), i3 = ({
+), s3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4183,7 +4353,7 @@ const K5 = ({
       )
     ]
   }
-), t3 = ({
+), h3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4216,7 +4386,7 @@ const K5 = ({
       )
     ]
   }
-), l3 = ({
+), c3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4263,7 +4433,7 @@ const K5 = ({
       )
     ]
   }
-), r3 = ({
+), a3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4296,7 +4466,7 @@ const K5 = ({
       )
     ]
   }
-), n3 = ({
+), C3 = ({
   width: i = 18,
   height: o = 16,
   color: e = "#001E52",
@@ -4335,7 +4505,7 @@ const K5 = ({
       )
     ]
   }
-), s3 = ({
+), d3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4368,7 +4538,7 @@ const K5 = ({
       )
     ]
   }
-), h3 = ({
+), w3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4392,7 +4562,7 @@ const K5 = ({
       }
     )
   }
-), c3 = ({
+), k3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4439,7 +4609,7 @@ const K5 = ({
       )
     ]
   }
-), a3 = ({
+), g3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4472,7 +4642,7 @@ const K5 = ({
       )
     ]
   }
-), d3 = ({
+), p3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4505,7 +4675,7 @@ const K5 = ({
       )
     ]
   }
-), C3 = ({
+), L3 = ({
   width: i = 20,
   height: o = 23,
   color: e = "#001E52",
@@ -4566,7 +4736,7 @@ const K5 = ({
       )
     ]
   }
-), w3 = ({
+), m3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4606,7 +4776,7 @@ const K5 = ({
       )
     ]
   }
-), g3 = ({
+), u3 = ({
   width: i = 32,
   height: o = 25,
   color: e = "#001E52",
@@ -4634,7 +4804,7 @@ const K5 = ({
       )
     ]
   }
-), k3 = ({
+), v3 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#10B981",
@@ -4663,7 +4833,7 @@ const K5 = ({
       )
     ]
   }
-), p3 = ({
+), N3 = ({
   width: i = 11,
   height: o = 11,
   color: e = "#FFB020",
@@ -4697,7 +4867,7 @@ const K5 = ({
       )
     ]
   }
-), L3 = ({
+), f3 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#88A4FF",
@@ -4745,7 +4915,7 @@ const K5 = ({
       )
     ]
   }
-), m3 = ({
+), M3 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#8E8E93",
@@ -4773,7 +4943,7 @@ const K5 = ({
       )
     ]
   }
-), u3 = ({
+), x3 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#FFB020",
@@ -4807,7 +4977,7 @@ const K5 = ({
       )
     ]
   }
-), v3 = ({
+), _3 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#D0421B",
@@ -4855,7 +5025,7 @@ const K5 = ({
       )
     ]
   }
-), N3 = ({
+), R3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#070739",
@@ -4885,7 +5055,7 @@ const K5 = ({
       /* @__PURE__ */ t("circle", { cx: "10", cy: "10", r: "2.375", stroke: e, strokeWidth: "1.25" })
     ]
   }
-), f3 = ({
+), H3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#070739",
@@ -4923,7 +5093,7 @@ const K5 = ({
       )
     ]
   }
-), M3 = ({
+), V3 = ({
   width: i = 9,
   height: o = 5,
   color: e = "#001E52",
@@ -4949,7 +5119,7 @@ const K5 = ({
       }
     )
   }
-), x3 = ({
+), E3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#F2F2F7",
@@ -4978,7 +5148,7 @@ const K5 = ({
       )
     ]
   }
-), _3 = ({
+), Z3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#004ED7",
@@ -5007,7 +5177,7 @@ const K5 = ({
       )
     ]
   }
-), R3 = ({
+), W3 = ({
   width: i = 248,
   height: o = 248,
   color: e = "#070739",
@@ -5044,7 +5214,7 @@ const K5 = ({
       )
     ]
   }
-), H3 = ({
+), B3 = ({
   width: i = 24,
   height: o = 24,
   color: e = "#001E52",
@@ -5083,7 +5253,7 @@ const K5 = ({
       )
     ]
   }
-), E3 = ({
+), A3 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -5112,7 +5282,7 @@ const K5 = ({
       )
     ]
   }
-), V3 = ({
+), I3 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -5149,7 +5319,7 @@ const K5 = ({
       )
     ]
   }
-), Z3 = ({
+), G3 = ({
   width: i = 24,
   height: o = 24,
   color: e = w.GREY_DARK_5,
@@ -5188,7 +5358,7 @@ const K5 = ({
       )
     ]
   }
-), I3 = ({
+), D3 = ({
   width: i = 20,
   height: o = 20,
   color: e = w.GREY_DARK_1,
@@ -5221,7 +5391,7 @@ const K5 = ({
       )
     ]
   }
-), W3 = ({
+), j3 = ({
   width: i = 81,
   height: o = 80,
   color: e = w.GREY_DARK_5,
@@ -5270,7 +5440,7 @@ const K5 = ({
       )
     ]
   }
-), B3 = ({
+), y3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 20,
@@ -5297,7 +5467,7 @@ const K5 = ({
       }
     )
   }
-), A3 = ({
+), T3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 20,
@@ -5324,7 +5494,7 @@ const K5 = ({
       }
     )
   }
-), G3 = ({
+), Y3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 5,
@@ -5348,7 +5518,7 @@ const K5 = ({
       }
     )
   }
-), y3 = ({
+), K3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 5,
@@ -5373,7 +5543,7 @@ const K5 = ({
       }
     )
   }
-), D3 = ({
+), b3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5412,7 +5582,7 @@ const K5 = ({
       )
     ]
   }
-), j3 = ({
+), O3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5451,7 +5621,7 @@ const K5 = ({
       )
     ]
   }
-), T3 = ({
+), F3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5478,7 +5648,7 @@ const K5 = ({
       }
     )
   }
-), Y3 = ({
+), S3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5537,7 +5707,7 @@ const K5 = ({
       )
     ]
   }
-), K3 = ({
+), U3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5574,7 +5744,7 @@ const K5 = ({
       )
     ]
   }
-), b3 = ({
+), P3 = ({
   className: i,
   color: o = w.GREY_DARK_3,
   height: e = 14,
@@ -5611,7 +5781,7 @@ const K5 = ({
       )
     ]
   }
-), O3 = ({
+), $3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 18,
@@ -5638,7 +5808,7 @@ const K5 = ({
       }
     )
   }
-), F3 = ({
+), z3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5690,7 +5860,7 @@ const K5 = ({
       )
     ]
   }
-), S3 = ({
+), J3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5727,7 +5897,7 @@ const K5 = ({
       )
     ]
   }
-), U3 = ({
+), q3 = ({
   className: i,
   color: o = w.NOTIFICATION_WARNING_DARK,
   height: e = 37,
@@ -5766,7 +5936,7 @@ const K5 = ({
       )
     ]
   }
-), P3 = ({
+), Q3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5792,7 +5962,7 @@ const K5 = ({
       }
     )
   }
-), $3 = ({
+), X3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5831,7 +6001,7 @@ const K5 = ({
       )
     ]
   }
-), z3 = ({
+), e0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5870,7 +6040,7 @@ const K5 = ({
       )
     ]
   }
-), J3 = ({
+), o0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5939,7 +6109,7 @@ const K5 = ({
       )
     ]
   }
-), q3 = ({
+), i0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5978,7 +6148,7 @@ const K5 = ({
       )
     ]
   }
-), Q3 = ({
+), t0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6035,7 +6205,7 @@ const K5 = ({
       )
     ]
   }
-), X3 = ({
+), l0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6074,7 +6244,7 @@ const K5 = ({
       )
     ]
   }
-), e0 = ({
+), r0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6123,7 +6293,7 @@ const K5 = ({
       )
     ]
   }
-), o0 = ({
+), n0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6162,7 +6332,7 @@ const K5 = ({
       )
     ]
   }
-), i0 = ({
+), s0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6189,7 +6359,7 @@ const K5 = ({
       }
     )
   }
-), t0 = ({
+), h0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6227,7 +6397,7 @@ const K5 = ({
       )
     ]
   }
-), l0 = ({
+), c0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6248,7 +6418,7 @@ const K5 = ({
       /* @__PURE__ */ t("path", { d: "M12 8L4 8", stroke: o, strokeWidth: "1.7", strokeLinecap: "round" })
     ]
   }
-), r0 = ({
+), a0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6287,7 +6457,7 @@ const K5 = ({
       )
     ]
   }
-), n0 = ({
+), C0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6326,7 +6496,7 @@ const K5 = ({
       )
     ]
   }
-), s0 = ({
+), d0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6365,7 +6535,7 @@ const K5 = ({
       )
     ]
   }
-), h0 = ({
+), w0 = ({
   className: i,
   color: o = w.GREY_DARK_2,
   height: e = 16,
@@ -6391,7 +6561,7 @@ const K5 = ({
       }
     )
   }
-), c0 = ({
+), k0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 20,
@@ -6420,7 +6590,7 @@ const K5 = ({
       /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_3992_5989", children: /* @__PURE__ */ t("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), a0 = ({
+), g0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 20,
@@ -6449,7 +6619,7 @@ const K5 = ({
       /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_3992_5988", children: /* @__PURE__ */ t("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), d0 = ({
+), p0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 20,
@@ -6478,7 +6648,7 @@ const K5 = ({
       )
     ]
   }
-), C0 = ({
+), L0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 20,
@@ -6507,7 +6677,7 @@ const K5 = ({
       )
     ]
   }
-), w0 = ({
+), m0 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -6533,7 +6703,7 @@ const K5 = ({
       }
     )
   }
-), g0 = ({
+), u0 = ({
   className: i,
   color: o = "#131314",
   height: e = 20,
@@ -6554,14 +6724,14 @@ const K5 = ({
       {
         d: "M13.3333 14.6667L17.5 10.5M17.5 10.5L13.3333 6.33333M17.5 10.5H7.5M7.5 3H6.5C5.09987 3 4.3998 3 3.86502 3.27248C3.39462 3.51217 3.01217 3.89462 2.77248 4.36502C2.5 4.8998 2.5 5.59987 2.5 7V14C2.5 15.4001 2.5 16.1002 2.77248 16.635C3.01217 17.1054 3.39462 17.4878 3.86502 17.7275C4.3998 18 5.09987 18 6.5 18H7.5",
         stroke: o,
-        "stroke-opacity": "0.8",
-        "stroke-width": "2",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
+        strokeOpacity: "0.8",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
       }
     )
   }
-), k0 = ({
+), v0 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -6599,7 +6769,7 @@ const K5 = ({
       )
     ] }) })
   }
-), p0 = ({
+), N0 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -6655,7 +6825,7 @@ const K5 = ({
       }
     )
   }
-), L0 = ({
+), f0 = ({
   width: i = 24,
   height: o = 24,
   color: e = "#131314",
@@ -6688,17 +6858,177 @@ const K5 = ({
       )
     ]
   }
-), m0 = ({
+), M0 = ({
+  width: i = 24,
+  height: o = 24,
+  color: e = w.GREY_DARK_2,
+  className: l,
+  onClick: r
+}) => /* @__PURE__ */ c(
+  "svg",
+  {
+    width: i,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: l,
+    onClick: r,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M5 20V19C5 15.134 8.13401 12 12 12V12C15.866 12 19 15.134 19 19V20",
+          stroke: e,
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z",
+          stroke: e,
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+), x0 = ({
+  width: i = 24,
+  height: o = 24,
+  color: e = w.GREY_DARK_2,
+  className: l,
+  onClick: r
+}) => /* @__PURE__ */ t(
+  "svg",
+  {
+    width: i,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: l,
+    onClick: r,
+    children: /* @__PURE__ */ t(
+      "path",
+      {
+        d: "M15 4V2M15 4V6M15 4H10.5M3 10V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V10M3 10H21M3 10V6C3 5.46957 3.21071 4.96086 3.58579 4.58579C3.96086 4.21071 4.46957 4 5 4H7M21 10V6C21 5.46957 20.7893 4.96086 20.4142 4.58579C20.0391 4.21071 19.5304 4 19 4H18.5M7 2V6",
+        stroke: e,
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+), _0 = ({
+  width: i = 24,
+  height: o = 24,
+  color: e = w.GREY_DARK_2,
+  className: l,
+  onClick: r
+}) => /* @__PURE__ */ c(
+  "svg",
+  {
+    width: i,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: l,
+    onClick: r,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22Z",
+          stroke: e,
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M12 13C12.2652 13 12.5196 12.8946 12.7071 12.7071C12.8946 12.5196 13 12.2652 13 12C13 11.7348 12.8946 11.4804 12.7071 11.2929C12.5196 11.1054 12.2652 11 12 11C11.7348 11 11.4804 11.1054 11.2929 11.2929C11.1054 11.4804 11 11.7348 11 12C11 12.2652 11.1054 12.5196 11.2929 12.7071C11.4804 12.8946 11.7348 13 12 13Z",
+          fill: e,
+          stroke: e,
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+), R0 = ({
+  width: i = 24,
+  height: o = 24,
+  color: e = w.GREY_DARK_2,
+  className: l,
+  onClick: r
+}) => /* @__PURE__ */ t(
+  "svg",
+  {
+    width: i,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: l,
+    onClick: r,
+    children: /* @__PURE__ */ t(
+      "path",
+      {
+        d: "M7 18V17C7 15.6739 7.52678 14.4021 8.46447 13.4645C9.40215 12.5268 10.6739 12 12 12M12 12C13.3261 12 14.5979 12.5268 15.5355 13.4645C16.4732 14.4021 17 15.6739 17 17V18M12 12C12.7956 12 13.5587 11.6839 14.1213 11.1213C14.6839 10.5587 15 9.79565 15 9C15 8.20435 14.6839 7.44129 14.1213 6.87868C13.5587 6.31607 12.7956 6 12 6C11.2044 6 10.4413 6.31607 9.87868 6.87868C9.31607 7.44129 9 8.20435 9 9C9 9.79565 9.31607 10.5587 9.87868 11.1213C10.4413 11.6839 11.2044 12 12 12ZM1 18V17C1 16.2044 1.31607 15.4413 1.87868 14.8787C2.44129 14.3161 3.20435 14 4 14M4 14C4.53043 14 5.03914 13.7893 5.41421 13.4142C5.78929 13.0391 6 12.5304 6 12C6 11.4696 5.78929 10.9609 5.41421 10.5858C5.03914 10.2107 4.53043 10 4 10C3.46957 10 2.96086 10.2107 2.58579 10.5858C2.21071 10.9609 2 11.4696 2 12C2 12.5304 2.21071 13.0391 2.58579 13.4142C2.96086 13.7893 3.46957 14 4 14ZM23 18V17C23 16.2044 22.6839 15.4413 22.1213 14.8787C21.5587 14.3161 20.7956 14 20 14M20 14C20.5304 14 21.0391 13.7893 21.4142 13.4142C21.7893 13.0391 22 12.5304 22 12C22 11.4696 21.7893 10.9609 21.4142 10.5858C21.0391 10.2107 20.5304 10 20 10C19.4696 10 18.9609 10.2107 18.5858 10.5858C18.2107 10.9609 18 11.4696 18 12C18 12.5304 18.2107 13.0391 18.5858 13.4142C18.9609 13.7893 19.4696 14 20 14Z",
+        stroke: e,
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+), H0 = ({
+  width: i = 24,
+  height: o = 24,
+  color: e = w.GREY_DARK_2,
+  className: l,
+  onClick: r
+}) => /* @__PURE__ */ t(
+  "svg",
+  {
+    width: i,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: l,
+    onClick: r,
+    children: /* @__PURE__ */ t(
+      "path",
+      {
+        d: "M7 7H17M7 12H17M7 17H13M19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3Z",
+        stroke: e,
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+), V0 = ({
   name: i,
   width: o,
   height: e,
   color: l,
   className: r,
   disabled: a = !1,
-  onClick: k
+  onClick: g
 }) => {
-  const [n, p] = H(r), { theme: g } = t1(_1), h = a ? g && g === "dark" ? w.GREY_LIGHT_4 : w.GREY_DARK_1 : l, s = a ? void 0 : k;
-  return W(() => {
+  const [n, p] = H(r), { theme: k } = t1(_1), h = a ? k && k === "dark" ? w.GREY_LIGHT_4 : w.GREY_DARK_1 : l, s = a ? void 0 : g;
+  return B(() => {
     if (r) {
       s && !a && p(`${r} clickable`);
       return;
@@ -6707,39 +7037,39 @@ const K5 = ({
   }, [s, r, a]), /* @__PURE__ */ t(z, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return B3({ width: o, height: e, color: h, className: n, onClick: s });
+        return y3({ width: o, height: e, color: h, className: n, onClick: s });
       case "prevIcon":
-        return A3({ width: o, height: e, color: h, className: n, onClick: s });
+        return T3({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowUp":
-        return K5({ width: o, height: e, color: h, className: n, onClick: s });
+        return U5({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowDown":
-        return b5({ width: o, height: e, color: h, className: n, onClick: s });
+        return P5({ width: o, height: e, color: h, className: n, onClick: s });
       case "info":
-        return O5({ width: o, height: e, color: h, className: n, onClick: s });
+        return $5({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowRight":
-        return F5({ width: o, height: e, color: h, className: n, onClick: s });
+        return z5({ width: o, height: e, color: h, className: n, onClick: s });
       case "calendar":
-        return S5({ width: o, height: e, color: h, className: n, onClick: s });
+        return J5({ width: o, height: e, color: h, className: n, onClick: s });
       case "ok":
-        return U5({ width: o, height: e, color: h, className: n, onClick: s });
+        return q5({ width: o, height: e, color: h, className: n, onClick: s });
       case "cancel":
-        return P5({ width: o, height: e, color: h, className: n, onClick: s });
+        return Q5({ width: o, height: e, color: h, className: n, onClick: s });
       case "add":
-        return $5({ width: o, height: e, color: h, className: n, onClick: s });
+        return X5({ width: o, height: e, color: h, className: n, onClick: s });
       case "list":
-        return z5({ width: o, height: e, color: h, className: n, onClick: s });
+        return e3({ width: o, height: e, color: h, className: n, onClick: s });
       case "dragAndDrop":
-        return J5({ width: o, height: e, color: h, className: n, onClick: s });
+        return o3({ width: o, height: e, color: h, className: n, onClick: s });
       case "filter":
-        return q5({ width: o, height: e, color: h, className: n, onClick: s });
+        return i3({ width: o, height: e, color: h, className: n, onClick: s });
       case "attention":
-        return Q5({ width: o, height: e, color: h, className: n, onClick: s });
+        return t3({ width: o, height: e, color: h, className: n, onClick: s });
       case "plus":
-        return X5({ width: o, height: e, color: h, className: n, onClick: s });
+        return l3({ width: o, height: e, color: h, className: n, onClick: s });
       case "time":
-        return e3({ width: o, height: e, color: h, className: n, onClick: s });
+        return r3({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowDownLong":
-        return o3({
+        return n3({
           width: o,
           height: e,
           color: h,
@@ -6747,9 +7077,9 @@ const K5 = ({
           onClick: s
         });
       case "users":
-        return i3({ width: o, height: e, color: h, className: n, onClick: s });
+        return s3({ width: o, height: e, color: h, className: n, onClick: s });
       case "mySkillsMatrix":
-        return t3({
+        return h3({
           width: o,
           height: e,
           color: h,
@@ -6757,9 +7087,9 @@ const K5 = ({
           onClick: s
         });
       case "skills":
-        return l3({ width: o, height: e, color: h, className: n, onClick: s });
+        return c3({ width: o, height: e, color: h, className: n, onClick: s });
       case "skillsMatrices":
-        return r3({
+        return a3({
           width: o,
           height: e,
           color: h,
@@ -6767,23 +7097,23 @@ const K5 = ({
           onClick: s
         });
       case "history":
-        return n3({ width: o, height: e, color: h, className: n, onClick: s });
+        return C3({ width: o, height: e, color: h, className: n, onClick: s });
       case "logOut":
-        return s3({ width: o, height: e, color: h, className: n, onClick: s });
+        return d3({ width: o, height: e, color: h, className: n, onClick: s });
       case "settings":
-        return h3({ width: o, height: e, color: h, className: n, onClick: s });
+        return w3({ width: o, height: e, color: h, className: n, onClick: s });
       case "addSkill":
-        return c3({ width: o, height: e, color: h, className: n, onClick: s });
+        return k3({ width: o, height: e, color: h, className: n, onClick: s });
       case "conversation":
-        return a3({ width: o, height: e, color: h, className: n, onClick: s });
+        return g3({ width: o, height: e, color: h, className: n, onClick: s });
       case "trash":
-        return d3({ width: o, height: e, color: h, className: n, onClick: s });
+        return p3({ width: o, height: e, color: h, className: n, onClick: s });
       case "settings4":
-        return C3({ width: o, height: e, color: h, className: n, onClick: s });
+        return L3({ width: o, height: e, color: h, className: n, onClick: s });
       case "edit2":
-        return w3({ width: o, height: e, color: h, className: n, onClick: s });
+        return m3({ width: o, height: e, color: h, className: n, onClick: s });
       case "notifications":
-        return g3({
+        return u3({
           width: o,
           height: e,
           color: h,
@@ -6791,9 +7121,9 @@ const K5 = ({
           onClick: s
         });
       case "success":
-        return k3({ width: o, height: e, color: h, className: n, onClick: s });
+        return v3({ width: o, height: e, color: h, className: n, onClick: s });
       case "attentionSmall":
-        return p3({
+        return N3({
           width: o,
           height: e,
           color: h,
@@ -6801,11 +7131,11 @@ const K5 = ({
           onClick: s
         });
       case "errorSmall":
-        return L3({ width: o, height: e, color: h, className: n, onClick: s });
+        return f3({ width: o, height: e, color: h, className: n, onClick: s });
       case "infoMedium":
-        return m3({ width: o, height: e, color: h, className: n, onClick: s });
+        return M3({ width: o, height: e, color: h, className: n, onClick: s });
       case "attentionMedium":
-        return u3({
+        return x3({
           width: o,
           height: e,
           color: h,
@@ -6813,9 +7143,9 @@ const K5 = ({
           onClick: s
         });
       case "errorMedium":
-        return v3({ width: o, height: e, color: h, className: n, onClick: s });
+        return _3({ width: o, height: e, color: h, className: n, onClick: s });
       case "faviconSkills":
-        return R3({
+        return W3({
           width: o,
           height: e,
           color: h,
@@ -6823,7 +7153,7 @@ const K5 = ({
           onClick: s
         });
       case "visibilityIcon":
-        return N3({
+        return R3({
           width: o,
           height: e,
           color: h,
@@ -6831,7 +7161,7 @@ const K5 = ({
           onClick: s
         });
       case "visibilityOffIcon":
-        return f3({
+        return H3({
           width: o,
           height: e,
           color: h,
@@ -6839,7 +7169,7 @@ const K5 = ({
           onClick: s
         });
       case "selectArrowIcon":
-        return M3({
+        return V3({
           width: o,
           height: e,
           color: h,
@@ -6847,7 +7177,7 @@ const K5 = ({
           onClick: s
         });
       case "expandArrowIcon":
-        return x3({
+        return E3({
           width: o,
           height: e,
           color: h,
@@ -6855,7 +7185,7 @@ const K5 = ({
           onClick: s
         });
       case "expandActiveArrowIcon":
-        return _3({
+        return Z3({
           width: o,
           height: e,
           color: h,
@@ -6863,102 +7193,112 @@ const K5 = ({
           onClick: s
         });
       case "camera":
-        return H3({ width: o, height: e, color: h, className: n, onClick: s });
+        return B3({ width: o, height: e, color: h, className: n, onClick: s });
       case "sortUp":
-        return E3({ width: o, height: e, color: h, className: n, onClick: s });
+        return A3({ width: o, height: e, color: h, className: n, onClick: s });
       case "sortDown":
-        return V3({ width: o, height: e, color: h, className: n, onClick: s });
+        return I3({ width: o, height: e, color: h, className: n, onClick: s });
       case "logOut2":
-        return Z3({ width: o, height: e, color: h, className: n, onClick: s });
+        return G3({ width: o, height: e, color: h, className: n, onClick: s });
       case "search":
-        return I3({ width: o, height: e, color: h, className: n, onClick: s });
+        return D3({ width: o, height: e, color: h, className: n, onClick: s });
       case "handRock":
-        return W3({ width: o, height: e, color: h, className: n, onClick: s });
+        return j3({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowUpFilled":
-        return y3({ width: o, height: e, color: h, className: n, onClick: s });
+        return K3({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowDownFilled":
-        return G3({ width: o, height: e, color: h, className: n, onClick: s });
+        return Y3({ width: o, height: e, color: h, className: n, onClick: s });
       case "link":
-        return D3({ width: o, height: e, color: h, className: n, onClick: s });
+        return b3({ width: o, height: e, color: h, className: n, onClick: s });
       case "telegram":
-        return T3({ width: o, height: e, color: h, className: n, onClick: s });
+        return F3({ width: o, height: e, color: h, className: n, onClick: s });
       case "mail":
-        return K3({ width: o, height: e, color: h, className: n, onClick: s });
+        return U3({ width: o, height: e, color: h, className: n, onClick: s });
       case "github":
-        return j3({ width: o, height: e, color: h, className: n, onClick: s });
+        return O3({ width: o, height: e, color: h, className: n, onClick: s });
       case "linkedIn":
-        return Y3({ width: o, height: e, color: h, className: n, onClick: s });
+        return S3({ width: o, height: e, color: h, className: n, onClick: s });
       case "emptyStateIcon":
-        return b3({ width: o, height: e, color: h, className: n, onClick: s });
+        return P3({ width: o, height: e, color: h, className: n, onClick: s });
       case "filtersIcon":
-        return O3({ width: o, height: e, color: h, className: n, onClick: s });
+        return $3({ width: o, height: e, color: h, className: n, onClick: s });
       case "dotMenuIcon":
-        return F3({ width: o, height: e, color: h, className: n, onClick: s });
+        return z3({ width: o, height: e, color: h, className: n, onClick: s });
       case "plusCircle":
-        return S3({ width: o, height: e, color: h, className: n, onClick: s });
+        return J3({ width: o, height: e, color: h, className: n, onClick: s });
       case "warning":
-        return U3({ width: o, height: e, color: h, className: n, onClick: s });
+        return q3({ width: o, height: e, color: h, className: n, onClick: s });
       case "back":
-        return P3({ width: o, height: e, color: h, className: n, onClick: s });
+        return Q3({ width: o, height: e, color: h, className: n, onClick: s });
       case "bell":
-        return $3({ width: o, height: e, color: h, className: n, onClick: s });
+        return X3({ width: o, height: e, color: h, className: n, onClick: s });
       case "contract":
-        return J3({ width: o, height: e, color: h, className: n, onClick: s });
+        return o0({ width: o, height: e, color: h, className: n, onClick: s });
       case "trash2":
-        return z3({ width: o, height: e, color: h, className: n, onClick: s });
+        return e0({ width: o, height: e, color: h, className: n, onClick: s });
       case "manager":
-        return q3({ width: o, height: e, color: h, className: n, onClick: s });
+        return i0({ width: o, height: e, color: h, className: n, onClick: s });
       case "resourceManager":
-        return Q3({ width: o, height: e, color: h, className: n, onClick: s });
+        return t0({ width: o, height: e, color: h, className: n, onClick: s });
       case "settings2":
-        return X3({ width: o, height: e, color: h, className: n, onClick: s });
+        return l0({ width: o, height: e, color: h, className: n, onClick: s });
       case "image":
-        return e0({ width: o, height: e, color: h, className: n, onClick: s });
+        return r0({ width: o, height: e, color: h, className: n, onClick: s });
       case "upload":
-        return o0({ width: o, height: e, color: h, className: n, onClick: s });
+        return n0({ width: o, height: e, color: h, className: n, onClick: s });
       case "edit":
-        return i0({ width: o, height: e, color: h, className: n, onClick: s });
+        return s0({ width: o, height: e, color: h, className: n, onClick: s });
       case "location":
-        return t0({ width: o, height: e, color: h, className: n, onClick: s });
+        return h0({ width: o, height: e, color: h, className: n, onClick: s });
       case "plus2":
-        return l0({ width: o, height: e, color: h, className: n, onClick: s });
+        return c0({ width: o, height: e, color: h, className: n, onClick: s });
       case "search2":
-        return r0({ width: o, height: e, color: h, className: n, onClick: s });
+        return a0({ width: o, height: e, color: h, className: n, onClick: s });
       case "fastArrowLeft":
-        return n0({ width: o, height: e, color: h, className: n, onClick: s });
+        return C0({ width: o, height: e, color: h, className: n, onClick: s });
       case "fastArrowRight":
-        return s0({ width: o, height: e, color: h, className: n, onClick: s });
+        return d0({ width: o, height: e, color: h, className: n, onClick: s });
       case "crossInCircle":
-        return h0({ width: o, height: e, color: h, className: n, onClick: s });
+        return w0({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowUp2":
-        return a0({ width: o, height: e, color: h, className: n, onClick: s });
+        return g0({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowDown2":
-        return c0({ width: o, height: e, color: h, className: n, onClick: s });
+        return k0({ width: o, height: e, color: h, className: n, onClick: s });
       case "filledArrowLeft":
-        return d0({ width: o, height: e, color: h, className: n, onClick: s });
+        return p0({ width: o, height: e, color: h, className: n, onClick: s });
       case "filledArrowRight":
-        return C0({ width: o, height: e, color: h, className: n, onClick: s });
+        return L0({ width: o, height: e, color: h, className: n, onClick: s });
       case "burgerMenu":
-        return w0({ width: o, height: e, color: h, className: n, onClick: s });
+        return m0({ width: o, height: e, color: h, className: n, onClick: s });
       case "signOut":
-        return g0({ width: o, height: e, color: h, className: n, onClick: s });
+        return u0({ width: o, height: e, color: h, className: n, onClick: s });
       case "refresh":
-        return k0({ width: o, height: e, color: h, className: n, onClick: s });
+        return v0({ width: o, height: e, color: h, className: n, onClick: s });
       case "projects":
-        return p0({ width: o, height: e, color: h, className: n, onClick: s });
+        return N0({ width: o, height: e, color: h, className: n, onClick: s });
       case "exit":
-        return L0({ width: o, height: e, color: h, className: n, onClick: s });
+        return f0({ width: o, height: e, color: h, className: n, onClick: s });
+      case "client":
+        return M0({ width: o, height: e, color: h, className: n, onClick: s });
+      case "calendar2":
+        return x0({ width: o, height: e, color: h, className: n, onClick: s });
+      case "openPointCircle":
+        return _0({ width: o, height: e, color: h, className: n, onClick: s });
+      case "community":
+        return R0({ width: o, height: e, color: h, className: n, onClick: s });
+      case "docs":
+        return H0({ width: o, height: e, color: h, className: n, onClick: s });
       default:
         return /* @__PURE__ */ t(z, { children: "No Icon provided" });
     }
   })() });
 };
 var o1 = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", 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_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.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))(o1 || {});
-const u0 = i1({
+const E0 = i1({
   locale: "en",
   theme: "light"
 });
-u0.Provider;
+E0.Provider;
 const R1 = ({
   children: i,
   width: o,
@@ -6967,7 +7307,7 @@ const R1 = ({
   closable: r = !0,
   disabled: a = !1
 }) => {
-  const k = e === "small" ? 10 : 12.5, n = () => {
+  const g = e === "small" ? 10 : 12.5, n = () => {
     a || l == null || l();
   };
   return /* @__PURE__ */ t(
@@ -6975,12 +7315,12 @@ const R1 = ({
     {
       className: `snmt-tag ${e} ${a ? "disabled" : ""}`,
       closeIcon: /* @__PURE__ */ t(
-        m0,
+        V0,
         {
           name: "errorSmall",
           color: a ? o1.GREY_DARK_1 : o1.GREY_DARK_2,
-          width: k,
-          height: k,
+          width: g,
+          height: g,
           onClick: n
         }
       ),
@@ -6988,7 +7328,7 @@ const R1 = ({
       style: { width: o ?? "fit-content" },
       closable: r,
       children: typeof i == "string" ? /* @__PURE__ */ t(
-        Y5,
+        S5,
         {
           variant: e === "small" ? "body4" : "body2",
           color: a ? o1.GREY_DARK_2 : o1.GREY_DARK_5,
@@ -6997,7 +7337,7 @@ const R1 = ({
       ) : i
     }
   );
-}, v0 = ({
+}, Z0 = ({
   children: i,
   content: o,
   isOpen: e,
@@ -7005,16 +7345,16 @@ const R1 = ({
   placement: r = "topRight",
   noPadding: a = !1
 }) => {
-  const [k, n] = H(!1);
+  const [g, n] = H(!1);
   return /* @__PURE__ */ t(
-    y1,
+    D1,
     {
       content: o,
       arrow: !1,
       placement: r,
       trigger: "click",
       overlayClassName: `snmt-popover ${a ? "" : "padding"}`,
-      open: e ?? k,
+      open: e ?? g,
       onOpenChange: (p) => {
         n(p), l == null || l(p);
       },
@@ -7022,7 +7362,7 @@ const R1 = ({
     }
   );
 };
-var N0 = { exports: {} };
+var W0 = { exports: {} };
 (function(i, o) {
   (function(e, l) {
     i.exports = l();
@@ -7032,31 +7372,31 @@ var N0 = { exports: {} };
       return "[" + e + (l[(r - 20) % 10] || l[r] || l[0]) + "]";
     } };
   });
-})(N0);
-const f0 = ({
+})(W0);
+const B0 = ({
   values: i,
   onTagClose: o,
   maxWidth: e,
   closable: l = !0,
   disabled: r,
   options: a,
-  extraOptions: k
+  extraOptions: g
 }) => {
-  const { locale: n } = t1(k1), { t: p } = t2("common", { lng: n }), [g, h] = H(!1);
-  if (W(() => {
+  const { locale: n } = t1(g1), { t: p } = t2("common", { lng: n }), [k, h] = H(!1);
+  if (B(() => {
     i.length || h(!1);
   }, [i]), !i.length)
     return null;
   const s = (_) => {
-    var V, B;
-    return ((V = a == null ? void 0 : a.find((R) => R.value === _)) == null ? void 0 : V.label) || ((B = k == null ? void 0 : k.find((R) => R.value === _)) == null ? void 0 : B.label) || _;
+    var E, A;
+    return ((E = a == null ? void 0 : a.find((R) => R.value === _)) == null ? void 0 : E.label) || ((A = g == null ? void 0 : g.find((R) => R.value === _)) == null ? void 0 : A.label) || _;
   };
   return /* @__PURE__ */ c(
-    v0,
+    Z0,
     {
       content: (
         // 90: paddings + margins + gaps and so on
-        /* @__PURE__ */ t("div", { style: { maxWidth: e - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ t(d1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: _ }) => /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { style: { maxWidth: e - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ t(C1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: _ }) => /* @__PURE__ */ t(
           R1,
           {
             onClose: () => o(_),
@@ -7068,7 +7408,7 @@ const f0 = ({
         )) }) })
       ),
       placement: "bottomRight",
-      isOpen: g,
+      isOpen: k,
       setIsOpen: h,
       children: [
         i.length,
@@ -7085,7 +7425,7 @@ const f0 = ({
     backgroundSize: "20% calc(200% + 20px)"
   };
   return /* @__PURE__ */ t("span", { className: "snmt-loader", style: l });
-}, v1 = g1(
+}, v1 = k1(
   ({
     value: i,
     onChange: o,
@@ -7093,87 +7433,87 @@ const f0 = ({
     mode: l,
     search: r = !1,
     options: a,
-    width: k,
+    width: g,
     disabled: n = !1,
     required: p = !1,
-    clearable: g = !1,
+    clearable: k = !1,
     scrollThresholdValue: h = 50,
     onSearchChange: s,
     onDropdownVisibleChange: _,
-    onScrollToEnd: V,
-    onPopupScroll: B,
-    id: A,
+    onScrollToEnd: E,
+    onPopupScroll: A,
+    id: I,
     extraOptions: R,
     dropdownRender: T,
-    optionRender: E,
+    optionRender: V,
     isLoading: v,
     readOnly: N
   }, f) => {
-    const [M, x] = H(!1), [q, G] = H(!1), [Y, S] = H(!0), [Z, y] = H(i), Q = J(null);
-    W(() => {
-      y(i);
+    const [M, x] = H(!1), [q, G] = H(!1), [Y, S] = H(!0), [Z, D] = H(i), Q = J(null);
+    B(() => {
+      D(i);
     }, [i]);
-    const l1 = (d) => {
-      x(d), _ && _(d);
-    }, r1 = (d, L) => {
+    const l1 = (C) => {
+      x(C), _ && _(C);
+    }, r1 = (C, L) => {
       var u;
-      return !!((u = L == null ? void 0 : L.label) != null && u.toString().toLowerCase().includes(d.toLowerCase()));
+      return !!((u = L == null ? void 0 : L.label) != null && u.toString().toLowerCase().includes(C.toLowerCase()));
     }, X = () => {
       G(!0);
     }, U = () => {
       G(!1);
-    }, j = I(
-      (d) => {
-        if (y(d), l) {
-          const u = d;
+    }, y = W(
+      (C) => {
+        if (D(C), l) {
+          const u = C;
           o == null || o(u);
           return;
         }
-        const L = d;
+        const L = C;
         o == null || o(L);
       },
       [l, o]
-    ), n1 = I(() => {
+    ), n1 = W(() => {
       if (!N) {
         if (l) {
-          j([]);
+          y([]);
           return;
         }
-        j("");
+        y("");
       }
-    }, [j, l, N]), K = I(
-      (d) => {
-        const L = Z.filter((u) => u !== d);
-        j(L), y(L);
+    }, [y, l, N]), K = W(
+      (C) => {
+        const L = Z.filter((u) => u !== C);
+        y(L), D(L);
       },
-      [j, Z]
-    ), e1 = I(
-      (d) => (Z == null ? void 0 : Z.indexOf(d)) === 0 ? (
+      [y, Z]
+    ), e1 = W(
+      (C) => (Z == null ? void 0 : Z.indexOf(C)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
         /* @__PURE__ */ t("span", { className: "custom-placeholder", children: Y ? e : "" })
       ) : /* @__PURE__ */ t(z, {}),
       [Y, Z, e]
-    ), s1 = (d) => {
-      d.preventDefault(), d.stopPropagation();
-    }, h1 = async (d) => {
-      const { target: L } = d;
-      L.scrollTop + L.offsetHeight >= L.scrollHeight - h && (V == null || V(!0)), B && await B(d);
-    }, P = I(
-      (d) => {
+    ), s1 = (C) => {
+      C.preventDefault(), C.stopPropagation();
+    }, h1 = async (C) => {
+      const { target: L } = C;
+      L.scrollTop + L.offsetHeight >= L.scrollHeight - h && (E == null || E(!0)), A && await A(C);
+    }, P = W(
+      (C) => {
         var L, u;
-        return ((L = a.find((b) => b.value === d)) == null ? void 0 : L.label) || ((u = R == null ? void 0 : R.find(
-          (b) => b.value === d
-        )) == null ? void 0 : u.label) || d;
+        return ((L = a.find((b) => b.value === C)) == null ? void 0 : L.label) || ((u = R == null ? void 0 : R.find(
+          (b) => b.value === C
+        )) == null ? void 0 : u.label) || C;
       },
       [R, a]
-    ), c1 = I(
-      (d) => {
+    ), c1 = W(
+      (C) => {
         var L;
         return /* @__PURE__ */ t(
-          f0,
+          B0,
           {
-            values: d,
+            values: C,
             onTagClose: K,
             maxWidth: ((L = Q.current) == null ? void 0 : L.clientWidth) || 0,
             disabled: n,
@@ -7184,8 +7524,8 @@ const f0 = ({
         );
       },
       [n, R, K, a, N]
-    ), m = I(
-      ({ label: d, value: L, mode: u }) => u === "filter" ? e1(L) : /* @__PURE__ */ t("div", { onMouseDown: s1, className: "tag-wrapper", children: /* @__PURE__ */ t(R1, { onClose: () => K(L), disabled: n, children: typeof d == "object" ? d : P(L) }) }),
+    ), m = W(
+      ({ label: C, value: L, mode: u }) => u === "filter" ? e1(L) : /* @__PURE__ */ t("div", { onMouseDown: s1, className: "tag-wrapper", children: /* @__PURE__ */ t(R1, { onClose: () => K(L), disabled: n, children: typeof C == "object" ? C : P(L) }) }),
       [n, P, K, e1]
     );
     return /* @__PURE__ */ c(
@@ -7194,14 +7534,14 @@ const f0 = ({
         className: `snmt-select ${q ? "snmt-select-focused" : ""} 
                 ${l ? "" : "snmt-select-single"} ${N ? "snmt-select-read-only" : ""}`,
         ref: Q,
-        style: { width: k },
+        style: { width: g },
         children: [
           /* @__PURE__ */ t(
             Z1,
             {
               className: "snmt-select-blank",
               popupClassName: N ? "dropdown-read-only" : "",
-              id: A,
+              id: I,
               ref: f,
               showSearch: !!r,
               filterOption: r && r1,
@@ -7209,23 +7549,23 @@ const f0 = ({
               placeholder: e ? p ? `${e}*` : e : void 0,
               disabled: n,
               value: Z || void 0,
-              labelRender: (d) => P(d.value),
+              labelRender: (C) => P(C.value),
               mode: l === "filter" ? "multiple" : l,
-              onChange: j,
+              onChange: y,
               onFocus: X,
               onBlur: U,
-              onSearch: (d) => {
-                S(!d), s && s(d);
+              onSearch: (C) => {
+                S(!C), s && s(C);
               },
               onSelect: () => S(!0),
               onDeselect: () => S(!0),
-              tagRender: (d) => m({ ...d, mode: l }),
+              tagRender: (C) => m({ ...C, mode: l }),
               maxTagCount: "responsive",
               maxTagPlaceholder: c1,
               onPopupScroll: h1,
               prefix: v && /* @__PURE__ */ t(u1, { size: 15 }),
               suffixIcon: /* @__PURE__ */ t("div", { className: "wrapper-suffix-icon", children: l !== "filter" && /* @__PURE__ */ c(z, { children: [
-                Z && !!Z.length && (l || g) && /* @__PURE__ */ t("div", { onClick: n1, children: /* @__PURE__ */ t(
+                Z && !!Z.length && (l || k) && /* @__PURE__ */ t("div", { onClick: n1, children: /* @__PURE__ */ t(
                   a1,
                   {
                     name: "cancel",
@@ -7244,20 +7584,20 @@ const f0 = ({
               ] }) }),
               removeIcon: /* @__PURE__ */ t(a1, { name: "errorSmall", color: O.GREY_DARK_2 }),
               options: a,
-              optionRender: (d) => E ? E(d.data) : /* @__PURE__ */ c(d1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
-                /* @__PURE__ */ c(d1, { alignItems: "center", gap: 12, children: [
+              optionRender: (C) => V ? V(C.data) : /* @__PURE__ */ c(C1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                /* @__PURE__ */ c(C1, { alignItems: "center", gap: 12, children: [
                   l && /* @__PURE__ */ t(
                     r2,
                     {
-                      checked: !!(Z != null && Z.includes(d.value))
+                      checked: !!(Z != null && Z.includes(C.value))
                     }
                   ),
-                  /* @__PURE__ */ c(d1, { alignItems: "center", gap: 8, children: [
-                    d.data.image && /* @__PURE__ */ t(l2, { src: d.data.image, size: 20 }),
-                    /* @__PURE__ */ t("span", { children: d.label })
+                  /* @__PURE__ */ c(C1, { alignItems: "center", gap: 8, children: [
+                    C.data.image && /* @__PURE__ */ t(l2, { src: C.data.image, size: 20 }),
+                    /* @__PURE__ */ t("span", { children: C.label })
                   ] })
                 ] }),
-                !l && Z === d.value && /* @__PURE__ */ t(
+                !l && Z === C.value && /* @__PURE__ */ t(
                   a1,
                   {
                     name: "ok",
@@ -7267,8 +7607,8 @@ const f0 = ({
                   }
                 )
               ] }),
-              dropdownRender: (d) => /* @__PURE__ */ c("div", { className: "dropdown-container", children: [
-                /* @__PURE__ */ t("div", { className: "dropdown-menu", children: T ? T(d) : d }),
+              dropdownRender: (C) => /* @__PURE__ */ c("div", { className: "dropdown-container", children: [
+                /* @__PURE__ */ t("div", { className: "dropdown-menu", children: T ? T(C) : C }),
                 v && /* @__PURE__ */ t("div", { className: "loading-overlay", children: /* @__PURE__ */ t(u1, { size: 28 }) })
               ] })
             }
@@ -7288,9 +7628,9 @@ const f0 = ({
     );
   }
 );
-function M0(i, o = 500) {
+function A0(i, o = 500) {
   const e = J();
-  return W(() => () => {
+  return B(() => () => {
     e.current && clearTimeout(e.current);
   }, []), (...r) => {
     const a = setTimeout(() => {
@@ -7301,13 +7641,13 @@ function M0(i, o = 500) {
 }
 function N1(i) {
   const o = J(i);
-  return W(() => {
+  return B(() => {
     o.current = i;
   }, [i]), o.current;
 }
-const C1 = 100, $ = {
+const d1 = 100, $ = {
   offset: 0
-}, E0 = g1(
+}, y0 = k1(
   ({
     loadOptions: i,
     width: o,
@@ -7315,38 +7655,38 @@ const C1 = 100, $ = {
     value: l,
     id: r,
     disabled: a,
-    scrollThresholdValue: k,
+    scrollThresholdValue: g,
     placeholder: n,
     mode: p,
-    loadOnClosedState: g,
+    loadOnClosedState: k,
     preloadOptions: h,
     extraOptions: s,
     onDropdownVisibleChange: _,
-    optionRender: V,
-    dropdownRender: B,
-    readOnly: A,
+    optionRender: E,
+    dropdownRender: A,
+    readOnly: I,
     clearable: R,
     required: T = !1
-  }, E) => {
-    const [v, N] = H(), [f, M] = H($), [x, q] = H(!1), [G, Y] = H(), [S, Z] = H(!1), [y, Q] = H(
+  }, V) => {
+    const [v, N] = H(), [f, M] = H($), [x, q] = H(!1), [G, Y] = H(), [S, Z] = H(!1), [D, Q] = H(
       s ?? []
-    ), l1 = N1(f.offset), r1 = N1(G), [X, U] = H(!1), j = J(!1), n1 = I(
+    ), l1 = N1(f.offset), r1 = N1(G), [X, U] = H(!1), y = J(!1), n1 = W(
       async ({
-        limit: m = C1,
-        offset: d,
+        limit: m = d1,
+        offset: C,
         search: L
       }) => {
         q(!0);
         try {
           const u = await i({
             limit: m,
-            offset: d,
+            offset: C,
             search: L
           });
           N(
-            (D) => d === 0 ? u.options : [...D ?? [], ...u.options]
-          ), M((D) => ({
-            ...D,
+            (j) => C === 0 ? u.options : [...j ?? [], ...u.options]
+          ), M((j) => ({
+            ...j,
             count: u.count
           }));
         } catch (u) {
@@ -7356,79 +7696,79 @@ const C1 = 100, $ = {
         }
       },
       [i]
-    ), K = M0((m) => {
+    ), K = A0((m) => {
       Y(m), m || M($);
-    }), e1 = I(
+    }), e1 = W(
       (m) => K(m),
       [K]
-    ), s1 = I(
+    ), s1 = W(
       async (m) => {
-        x || m && f.count && f.count > ((v == null ? void 0 : v.length) ?? 0) && M((d) => ({
-          ...d,
-          offset: d.offset + C1
+        x || m && f.count && f.count > ((v == null ? void 0 : v.length) ?? 0) && M((C) => ({
+          ...C,
+          offset: C.offset + d1
         }));
       },
       [x, v == null ? void 0 : v.length, f.count]
-    ), h1 = I(
+    ), h1 = W(
       (m) => {
         Z(m), !m && G && (Y(void 0), M($), U(!0)), _ == null || _(m);
       },
       [_, G]
     );
-    W(() => {
-      if (!j.current || x) return;
-      (X || S && (l1 !== f.offset || r1 !== G || !v)) && (n1({ offset: f.offset, limit: C1, search: G }), X && U(!1));
-    }, [X, S, f.offset, G, l1, r1, v, x]), W(() => {
-      (g || h) && n1($), j.current = !0;
-    }, []), W(() => {
+    B(() => {
+      if (!y.current || x) return;
+      (X || S && (l1 !== f.offset || r1 !== G || !v)) && (n1({ offset: f.offset, limit: d1, search: G }), X && U(!1));
+    }, [X, S, f.offset, G, l1, r1, v, x]), B(() => {
+      (k || h) && n1($), y.current = !0;
+    }, []), B(() => {
       s && Q((m) => {
-        const d = s.filter(
+        const C = s.filter(
           (L) => !m.some((u) => u.value === L.value)
         );
-        return [...m, ...d];
+        return [...m, ...C];
       });
     }, [s]);
-    const P = I(
+    const P = W(
       (m) => {
         e && e(m);
-        let d = [];
-        if (p ? d = Array.isArray(m) ? m : [] : d = m ? [m] : [], G) {
-          const L = d.filter(
-            (u) => !(y != null && y.some((D) => D.value === u))
+        let C = [];
+        if (p ? C = Array.isArray(m) ? m : [] : C = m ? [m] : [], G) {
+          const L = C.filter(
+            (u) => !(D != null && D.some((j) => j.value === u))
           );
           L.length > 0 && Q((u = []) => [
             ...u,
-            ...L.map((D) => {
-              const b = v == null ? void 0 : v.find((H1) => H1.value === D);
+            ...L.map((j) => {
+              const b = v == null ? void 0 : v.find((H1) => H1.value === j);
               return {
-                value: D,
-                label: (b == null ? void 0 : b.label) ?? D
+                value: j,
+                label: (b == null ? void 0 : b.label) ?? j
               };
             })
           ]), Y(void 0), M($), U(!0);
         }
       },
-      [e, G, p, v, y]
-    ), c1 = E1(
+      [e, G, p, v, D]
+    ), c1 = V1(
       () => ({
         id: r,
         width: o,
         options: v || [],
         onChange: P,
-        ref: E,
+        ref: V,
         placeholder: n,
         search: !0,
         value: l,
         onSearchChange: e1,
         onDropdownVisibleChange: h1,
-        scrollThresholdValue: k,
+        scrollThresholdValue: g,
         onScrollToEnd: s1,
         disabled: a,
-        extraOptions: y,
+        extraOptions: D,
         isLoading: x,
-        optionRender: V,
-        dropdownRender: B,
-        readOnly: A,
+        optionRender: E,
+        dropdownRender: A,
+        readOnly: I,
         clearable: R,
         required: T
       }),
@@ -7437,24 +7777,24 @@ const C1 = 100, $ = {
         o,
         v,
         P,
-        E,
+        V,
         n,
         l,
         e1,
         h1,
-        k,
+        g,
         s1,
         a,
-        y,
+        D,
         x,
-        V,
-        B,
+        E,
         A,
+        I,
         R,
         T
       ]
     );
-    return V1(E, () => ({
+    return E1(V, () => ({
       refetchOptions: async () => {
         M($), Y(void 0), U(!0);
       }
@@ -7462,5 +7802,5 @@ const C1 = 100, $ = {
   }
 );
 export {
-  E0 as AsyncSelect
+  y0 as AsyncSelect
 };