npm - @snmt-react-ui/user-select - Versions diffs - 2.9.9 → 2.9.11 - Mend

@snmt-react-ui/user-select 2.9.9 → 2.9.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/user-select.js CHANGED Viewed

@@ -1,12 +1,12 @@
 var L2 = Object.defineProperty;
 var k2 = (i, e, t) => e in i ? L2(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var T1 = (i, e, t) => k2(i, typeof e != "symbol" ? e + "" : e, t);
+var K1 = (i, e, t) => k2(i, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
 import { jsx as r, Fragment as i1, jsxs as u } from "react/jsx-runtime";
-import { forwardRef as L1, useState as S, useRef as q, useCallback as $, useEffect as K, useMemo as v2, useImperativeHandle as H1, useContext as r1, createContext as d1 } from "react";
-import { Select as N2, Tag as R2, Flex as x2, Checkbox as _2, Avatar as M2, Typography as a2, Popover as b2 } from "antd";
+import { forwardRef as d1, useState as O, useRef as J, useCallback as $, useEffect as G, useMemo as v2, useImperativeHandle as k1, useContext as r1, createContext as C1 } from "react";
+import { Select as N2, Tag as R2, Flex as x2, Checkbox as _2, Avatar as M2, Typography as G1, Popover as b2 } from "antd";
 import { SNMTUiContext as y2 } from "@snmt-react-ui/core";
-var H2 = Object.defineProperty, V2 = (i, e, t) => e in i ? H2(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, E2 = (i, e, t) => V2(i, e + "", t), I2 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var H2 = Object.defineProperty, E2 = (i, e, t) => e in i ? H2(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, V2 = (i, e, t) => E2(i, e + "", t), I2 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function A2() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
@@ -14,11 +14,11 @@ function A2() {
     s1(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
   }
 }
-const K1 = {};
+const B1 = {};
 function O1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  s1(e[0]) && K1[e[0]] || (s1(e[0]) && (K1[e[0]] = /* @__PURE__ */ new Date()), A2(...e));
+  s1(e[0]) && B1[e[0]] || (s1(e[0]) && (B1[e[0]] = /* @__PURE__ */ new Date()), A2(...e));
 }
 const l2 = (i, e) => () => {
   if (i.isInitialized)
@@ -31,9 +31,9 @@ const l2 = (i, e) => () => {
     };
     i.on("initialized", t);
   }
-}, B1 = (i, e, t) => {
+}, P1 = (i, e, t) => {
   i.loadNamespaces(e, l2(i, t));
-}, P1 = (i, e, t, s) => {
+}, Y1 = (i, e, t, s) => {
   s1(t) && (t = [t]), t.forEach((n) => {
     i.options.ns.indexOf(n) < 0 && i.options.ns.push(n);
   }), i.loadLanguages(e, l2(i, s));
@@ -88,10 +88,10 @@ let B2 = {
 };
 const P2 = () => B2;
 let Y2;
-const $2 = () => Y2, j2 = d1();
+const $2 = () => Y2, j2 = C1();
 class F2 {
   constructor() {
-    E2(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
+    V2(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
   }
   addUsedNamespaces(e) {
     e.forEach((t) => {
@@ -99,12 +99,12 @@ class F2 {
     });
   }
 }
-const U2 = (i, e) => {
-  const t = q();
-  return K(() => {
+const W2 = (i, e) => {
+  const t = J();
+  return G(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, h2 = (i, e, t, s) => i.getFixedT(e, t, s), W2 = (i, e, t, s) => $(h2(i, e, t, s), [i, e, t, s]), z2 = function(i) {
+}, h2 = (i, e, t, s) => i.getFixedT(e, t, s), U2 = (i, e, t, s) => $(h2(i, e, t, s), [i, e, t, s]), z2 = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
@@ -114,8 +114,8 @@ const U2 = (i, e) => {
   } = r1(j2) || {}, o = t || s || $2();
   if (o && !o.reportNamespaces && (o.reportNamespaces = new F2()), !o) {
     O1("You will need to pass in an i18next instance by using initReactI18next");
-    const p = (_, R) => s1(R) ? R : S2(R) && s1(R.defaultValue) ? R.defaultValue : Array.isArray(_) ? _[_.length - 1] : _, x = [p, {}, !1];
-    return x.t = p, x.i18n = {}, x.ready = !1, x;
+    const f = (_, R) => s1(R) ? R : S2(R) && s1(R.defaultValue) ? R.defaultValue : Array.isArray(_) ? _[_.length - 1] : _, x = [f, {}, !1];
+    return x.t = f, x.i18n = {}, x.ready = !1, x;
   }
   o.options.react && o.options.react.wait !== void 0 && O1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
@@ -128,33 +128,33 @@ const U2 = (i, e) => {
   } = c;
   let d = i;
   d = s1(d) ? [d] : d || ["translation"], o.reportNamespaces.addUsedNamespaces && o.reportNamespaces.addUsedNamespaces(d);
-  const l = (o.isInitialized || o.initializedStoreOnce) && d.every((p) => Z2(p, o, c)), h = W2(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), g = () => h, f = () => h2(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), [k, v] = S(g);
+  const l = (o.isInitialized || o.initializedStoreOnce) && d.every((f) => Z2(f, o, c)), h = U2(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), g = () => h, p = () => h2(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), [w, v] = O(g);
   let m = d.join();
   e.lng && (m = `${e.lng}${m}`);
-  const H = U2(m), b = q(!0);
-  K(() => {
+  const b = W2(m), y = J(!0);
+  G(() => {
     const {
-      bindI18n: p,
+      bindI18n: f,
       bindI18nStore: x
     } = c;
-    b.current = !0, !l && !a && (e.lng ? P1(o, e.lng, d, () => {
-      b.current && v(f);
-    }) : B1(o, d, () => {
-      b.current && v(f);
-    })), l && H && H !== m && b.current && v(f);
+    y.current = !0, !l && !a && (e.lng ? Y1(o, e.lng, d, () => {
+      y.current && v(p);
+    }) : P1(o, d, () => {
+      y.current && v(p);
+    })), l && b && b !== m && y.current && v(p);
     const _ = () => {
-      b.current && v(f);
+      y.current && v(p);
     };
-    return p && o && o.on(p, _), x && o && o.store.on(x, _), () => {
-      b.current = !1, p && o && p.split(" ").forEach((R) => o.off(R, _)), x && o && x.split(" ").forEach((R) => o.store.off(R, _));
+    return f && o && o.on(f, _), x && o && o.store.on(x, _), () => {
+      y.current = !1, f && o && f.split(" ").forEach((R) => o.off(R, _)), x && o && x.split(" ").forEach((R) => o.store.off(R, _));
     };
-  }, [o, m]), K(() => {
-    b.current && l && v(g);
+  }, [o, m]), G(() => {
+    y.current && l && v(g);
   }, [o, C, l]);
-  const A = [k, o, l];
-  if (A.t = k, A.i18n = o, A.ready = l, l || !l && !a) return A;
-  throw new Promise((p) => {
-    e.lng ? P1(o, e.lng, d, () => p()) : B1(o, d, () => p());
+  const A = [w, o, l];
+  if (A.t = w, A.i18n = o, A.ready = l, l || !l && !a) return A;
+  throw new Promise((f) => {
+    e.lng ? Y1(o, e.lng, d, () => f()) : P1(o, d, () => f());
   });
 }, f1 = ({
   children: i,
@@ -193,24 +193,73 @@ const U2 = (i, e) => {
   );
 };
 var Q = /* @__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.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", 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.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(Q || {});
-const G1 = d1({
+const T1 = C1({
   locale: "en",
   theme: "light"
 });
-G1.Provider;
-const q2 = ({
+T1.Provider;
+const { Title: q2, Text: Q2 } = G1, X2 = {
+  h1: 1,
+  h2: 2,
+  h3: 3,
+  h4: 4
+}, e5 = d1(
+  ({
+    align: i = "inherit",
+    variant: e = "body1",
+    color: t,
+    children: s,
+    onClick: n,
+    collapsed: o,
+    whiteSpace: c = "normal",
+    /** This prop allows you to enable tooltip if text size is too big */
+    trim: a = !1
+  }, C) => {
+    const d = J(null);
+    k1(C, () => d.current);
+    const [l, h] = O(!1);
+    G(() => {
+      var v;
+      if (!a) return;
+      const m = () => {
+        d.current && h(d.current.scrollWidth > d.current.clientWidth);
+      };
+      m();
+      const b = new ResizeObserver(m);
+      return d.current && b.observe(d.current), (v = d.current) != null && v.parentElement && b.observe(d.current.parentElement), () => {
+        b.disconnect();
+      };
+    }, [a]);
+    const g = e === "h1" || e === "h2" || e === "h3" || e === "h4";
+    let p = `snmt-typography snmt-typography-${e}`;
+    i && i !== "inherit" && (p += ` snmt-typography-align-${i}`), o && (p += " collapsed");
+    const w = {
+      className: p,
+      style: { color: t, whiteSpace: a ? "nowrap" : c, display: a ? "block" : "" },
+      onClick: n,
+      ref: d,
+      ellipsis: a && l ? {
+        tooltip: {
+          title: s,
+          overlayClassName: "snmt-tooltip"
+        }
+      } : void 0
+    };
+    return g ? /* @__PURE__ */ r(q2, { level: X2[e], ...w, children: s }) : /* @__PURE__ */ r(Q2, { ...w, children: s });
+  }
+), t5 = ({
   checked: i = !0,
   indeterminate: e = !1,
-  children: t,
+  label: t,
   onChange: s,
   disabled: n = !1,
   disableUncheck: o = !1
 }) => {
-  const [c, a] = S(i), [C, d] = S(e);
-  K(() => {
+  const [c, a] = O(i), [C, d] = O(e);
+  G(() => {
     a(i), d(e);
   }, [i, e]);
-  const { theme: l } = r1(G1);
+  const { theme: l } = r1(T1);
   return /* @__PURE__ */ r(
     _2,
     {
@@ -221,17 +270,24 @@ const q2 = ({
         o && c || (d(!1), a(h.target.checked), s && s(h));
       },
       disabled: n,
-      children: t
+      children: t && /* @__PURE__ */ r(
+        e5,
+        {
+          variant: "body2",
+          color: n ? Q.GREY_DARK_2 : Q.GREY_DARK_5,
+          children: t
+        }
+      )
     }
   );
 };
-var w = /* @__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.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", 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.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(w || {});
-const c2 = d1({
+var L = /* @__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.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", 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.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(L || {});
+const c2 = C1({
   locale: "en",
   theme: "light"
 });
 c2.Provider;
-const Q2 = ({
+const i5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -258,10 +314,10 @@ const Q2 = ({
       }
     )
   }
-), X2 = ({
+), s5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -298,7 +354,7 @@ const Q2 = ({
       )
     ]
   }
-), e5 = ({
+), n5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -333,10 +389,10 @@ const Q2 = ({
       )
     ]
   }
-), t5 = ({
+), r5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -360,10 +416,10 @@ const Q2 = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_1_2043", children: /* @__PURE__ */ r("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
     ]
   }
-), i5 = ({
+), o5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -384,10 +440,10 @@ const Q2 = ({
       }
     )
   }
-), s5 = ({
+), a5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -411,10 +467,10 @@ const Q2 = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_1_2039", children: /* @__PURE__ */ r("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
     ]
   }
-), n5 = ({
+), l5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -435,10 +491,10 @@ const Q2 = ({
       }
     )
   }
-), r5 = ({
+), h5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -482,10 +538,10 @@ const Q2 = ({
       )
     ]
   }
-), o5 = ({
+), c5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -506,10 +562,10 @@ const Q2 = ({
       }
     )
   }
-), a5 = ({
+), d5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -530,10 +586,10 @@ const Q2 = ({
       }
     )
   }
-), l5 = ({
+), C5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -554,10 +610,10 @@ const Q2 = ({
       }
     )
   }
-), h5 = ({
+), g5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -615,10 +671,10 @@ const Q2 = ({
       )
     ]
   }
-), c5 = ({
+), u5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -662,10 +718,10 @@ const Q2 = ({
       )
     ]
   }
-), d5 = ({
+), p5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -702,10 +758,10 @@ const Q2 = ({
       )
     ]
   }
-), C5 = ({
+), f5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -742,10 +798,10 @@ const Q2 = ({
       )
     ]
   }
-), g5 = ({
+), m5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -789,10 +845,10 @@ const Q2 = ({
       )
     ]
   }
-), u5 = ({
+), w5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -836,10 +892,10 @@ const Q2 = ({
       )
     ]
   }
-), f5 = ({
+), L5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -883,10 +939,10 @@ const Q2 = ({
       )
     ]
   }
-), p5 = ({
+), k5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -923,10 +979,10 @@ const Q2 = ({
       )
     ]
   }
-), m5 = ({
+), v5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -956,10 +1012,10 @@ const Q2 = ({
       )
     ]
   }
-), w5 = ({
+), N5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -989,10 +1045,10 @@ const Q2 = ({
       )
     ]
   }
-), L5 = ({
+), R5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -1022,10 +1078,10 @@ const Q2 = ({
       )
     ]
   }
-), k5 = ({
+), x5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -1055,10 +1111,10 @@ const Q2 = ({
       )
     ]
   }
-), v5 = ({
+), _5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -1095,10 +1151,10 @@ const Q2 = ({
       )
     ]
   }
-), N5 = ({
+), M5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -1128,10 +1184,10 @@ const Q2 = ({
       )
     ]
   }
-), R5 = ({
+), b5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -1161,7 +1217,7 @@ const Q2 = ({
       )
     ]
   }
-), x5 = ({
+), y5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -1191,7 +1247,7 @@ const Q2 = ({
       /* @__PURE__ */ r("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), _5 = ({
+), H5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -1229,7 +1285,7 @@ const Q2 = ({
       )
     ]
   }
-), M5 = ({
+), E5 = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -1255,7 +1311,7 @@ const Q2 = ({
       }
     )
   }
-), b5 = ({
+), V5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -1284,7 +1340,7 @@ const Q2 = ({
       )
     ]
   }
-), y5 = ({
+), I5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -1313,7 +1369,7 @@ const Q2 = ({
       )
     ]
   }
-), H5 = ({
+), A5 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -1342,7 +1398,7 @@ const Q2 = ({
       )
     ]
   }
-), V5 = ({
+), O5 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -1379,9 +1435,9 @@ const Q2 = ({
       )
     ]
   }
-), E5 = ({
+), Z5 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -1412,9 +1468,9 @@ const Q2 = ({
       )
     ]
   }
-), I5 = ({
+), S5 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -1439,9 +1495,9 @@ const Q2 = ({
       }
     )
   }
-), A5 = ({
+), D5 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -1466,9 +1522,9 @@ const Q2 = ({
       }
     )
   }
-), O5 = ({
+), G5 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -1490,9 +1546,9 @@ const Q2 = ({
       }
     )
   }
-), Z5 = ({
+), T5 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -1515,9 +1571,9 @@ const Q2 = ({
       }
     )
   }
-), S5 = ({
+), K5 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -1548,9 +1604,9 @@ const Q2 = ({
       )
     ]
   }
-), D5 = ({
+), B5 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1587,9 +1643,9 @@ const Q2 = ({
       )
     ]
   }
-), G5 = ({
+), P5 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1614,9 +1670,9 @@ const Q2 = ({
       }
     )
   }
-), T5 = ({
+), Y5 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1673,9 +1729,9 @@ const Q2 = ({
       )
     ]
   }
-), K5 = ({
+), $5 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1710,9 +1766,9 @@ const Q2 = ({
       )
     ]
   }
-), B5 = ({
+), j5 = ({
   className: i,
-  color: e = w.GREY_DARK_3,
+  color: e = L.GREY_DARK_3,
   height: t = 14,
   width: s = 14,
   onClick: n
@@ -1747,9 +1803,9 @@ const Q2 = ({
       )
     ]
   }
-), P5 = ({
+), F5 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 18,
   onClick: s,
   width: n = 18
@@ -1774,9 +1830,9 @@ const Q2 = ({
       }
     )
   }
-), Y5 = ({
+), W5 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1826,9 +1882,9 @@ const Q2 = ({
       )
     ]
   }
-), $5 = ({
+), U5 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1863,9 +1919,9 @@ const Q2 = ({
       )
     ]
   }
-), j5 = ({
+), z5 = ({
   className: i,
-  color: e = w.NOTIFICATION_WARNING_DARK,
+  color: e = L.NOTIFICATION_WARNING_DARK,
   height: t = 37,
   width: s = 36,
   onClick: n
@@ -1902,9 +1958,9 @@ const Q2 = ({
       )
     ]
   }
-), F5 = ({
+), J5 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1928,9 +1984,9 @@ const Q2 = ({
       }
     )
   }
-), U5 = ({
+), q5 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1967,9 +2023,9 @@ const Q2 = ({
       )
     ]
   }
-), W5 = ({
+), Q5 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -2000,9 +2056,9 @@ const Q2 = ({
       )
     ]
   }
-), z5 = ({
+), X5 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2069,9 +2125,9 @@ const Q2 = ({
       )
     ]
   }
-), J5 = ({
+), ee = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2126,9 +2182,9 @@ const Q2 = ({
       )
     ]
   }
-), q5 = ({
+), te = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2175,9 +2231,9 @@ const Q2 = ({
       )
     ]
   }
-), Q5 = ({
+), ie = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2202,9 +2258,9 @@ const Q2 = ({
       }
     )
   }
-), X5 = ({
+), se = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -2219,7 +2275,7 @@ const Q2 = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: w.GREY_LIGHT_2 }),
+      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: L.GREY_LIGHT_2 }),
       /* @__PURE__ */ r(
         "path",
         {
@@ -2231,7 +2287,7 @@ const Q2 = ({
       )
     ]
   }
-), ee = ({
+), ne = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -2257,7 +2313,7 @@ const Q2 = ({
       }
     )
   }
-), te = ({
+), re = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -2295,10 +2351,10 @@ const Q2 = ({
       )
     ] }) })
   }
-), ie = ({
+), oe = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -2319,7 +2375,7 @@ const Q2 = ({
       }
     )
   }
-), se = ({
+), ae = ({
   width: i = 24,
   height: e = 24,
   color: t = "#131314",
@@ -2352,10 +2408,10 @@ const Q2 = ({
       )
     ]
   }
-), ne = ({
+), le = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -2385,10 +2441,10 @@ const Q2 = ({
       )
     ]
   }
-), re = ({
+), he = ({
   width: i = 24,
   height: e = 24,
-  color: t = w.GREY_DARK_2,
+  color: t = L.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -2425,10 +2481,10 @@ const Q2 = ({
       )
     ]
   }
-), oe = ({
+), ce = ({
   width: i = 24,
   height: e = 24,
-  color: t = w.GREY_DARK_2,
+  color: t = L.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -2452,10 +2508,10 @@ const Q2 = ({
       }
     )
   }
-), ae = ({
+), de = ({
   width: i = 24,
   height: e = 24,
-  color: t = w.GREY_DARK_2,
+  color: t = L.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -2479,7 +2535,7 @@ const Q2 = ({
       }
     )
   }
-), g1 = ({
+), u1 = ({
   name: i,
   width: e,
   height: t,
@@ -2488,8 +2544,8 @@ const Q2 = ({
   disabled: o = !1,
   onClick: c
 }) => {
-  const [a, C] = S(n), { theme: d } = r1(c2), l = o ? d && d === "dark" ? w.GREY_LIGHT_4 : w.GREY_DARK_1 : s, h = o ? void 0 : c;
-  return K(() => {
+  const [a, C] = O(n), { theme: d } = r1(c2), l = o ? d && d === "dark" ? L.GREY_LIGHT_4 : L.GREY_DARK_1 : s, h = o ? void 0 : c;
+  return G(() => {
     if (n) {
       h && !o && C(`${n} clickable`);
       return;
@@ -2498,35 +2554,35 @@ const Q2 = ({
   }, [h, n, o]), /* @__PURE__ */ r(i1, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return I5({ width: e, height: t, color: l, className: a, onClick: h });
+        return S5({ width: e, height: t, color: l, className: a, onClick: h });
       case "prevIcon":
-        return A5({ width: e, height: t, color: l, className: a, onClick: h });
+        return D5({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowDown":
-        return Q2({ width: e, height: t, color: l, className: a, onClick: h });
+        return i5({ width: e, height: t, color: l, className: a, onClick: h });
       case "info":
-        return X2({ width: e, height: t, color: l, className: a, onClick: h });
+        return s5({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowRight":
-        return e5({ width: e, height: t, color: l, className: a, onClick: h });
+        return n5({ width: e, height: t, color: l, className: a, onClick: h });
       case "calendar":
-        return r5({ width: e, height: t, color: l, className: a, onClick: h });
+        return h5({ width: e, height: t, color: l, className: a, onClick: h });
       case "check":
-        return o5({ width: e, height: t, color: l, className: a, onClick: h });
+        return c5({ width: e, height: t, color: l, className: a, onClick: h });
       case "cancel":
-        return a5({ width: e, height: t, color: l, className: a, onClick: h });
+        return d5({ width: e, height: t, color: l, className: a, onClick: h });
       case "add":
-        return l5({ width: e, height: t, color: l, className: a, onClick: h });
+        return C5({ width: e, height: t, color: l, className: a, onClick: h });
       case "list":
-        return h5({ width: e, height: t, color: l, className: a, onClick: h });
+        return g5({ width: e, height: t, color: l, className: a, onClick: h });
       case "dragAndDrop":
-        return c5({ width: e, height: t, color: l, className: a, onClick: h });
+        return u5({ width: e, height: t, color: l, className: a, onClick: h });
       case "filter":
-        return d5({ width: e, height: t, color: l, className: a, onClick: h });
+        return p5({ width: e, height: t, color: l, className: a, onClick: h });
       case "attention":
-        return C5({ width: e, height: t, color: l, className: a, onClick: h });
+        return f5({ width: e, height: t, color: l, className: a, onClick: h });
       case "users":
-        return g5({ width: e, height: t, color: l, className: a, onClick: h });
+        return m5({ width: e, height: t, color: l, className: a, onClick: h });
       case "mySkillsMatrix":
-        return u5({
+        return w5({
           width: e,
           height: t,
           color: l,
@@ -2534,9 +2590,9 @@ const Q2 = ({
           onClick: h
         });
       case "skills":
-        return f5({ width: e, height: t, color: l, className: a, onClick: h });
+        return L5({ width: e, height: t, color: l, className: a, onClick: h });
       case "skillsMatrices":
-        return p5({
+        return k5({
           width: e,
           height: t,
           color: l,
@@ -2544,21 +2600,21 @@ const Q2 = ({
           onClick: h
         });
       case "history":
-        return m5({ width: e, height: t, color: l, className: a, onClick: h });
+        return v5({ width: e, height: t, color: l, className: a, onClick: h });
       case "logOut":
-        return w5({ width: e, height: t, color: l, className: a, onClick: h });
+        return N5({ width: e, height: t, color: l, className: a, onClick: h });
       case "settings":
-        return L5({ width: e, height: t, color: l, className: a, onClick: h });
+        return R5({ width: e, height: t, color: l, className: a, onClick: h });
       case "trash":
-        return k5({ width: e, height: t, color: l, className: a, onClick: h });
+        return x5({ width: e, height: t, color: l, className: a, onClick: h });
       case "settings2":
-        return v5({ width: e, height: t, color: l, className: a, onClick: h });
+        return _5({ width: e, height: t, color: l, className: a, onClick: h });
       case "checkCircle":
-        return N5({ width: e, height: t, color: l, className: a, onClick: h });
+        return M5({ width: e, height: t, color: l, className: a, onClick: h });
       case "cancelCircle":
-        return R5({ width: e, height: t, color: l, className: a, onClick: h });
+        return b5({ width: e, height: t, color: l, className: a, onClick: h });
       case "visibilityIcon":
-        return x5({
+        return y5({
           width: e,
           height: t,
           color: l,
@@ -2566,7 +2622,7 @@ const Q2 = ({
           onClick: h
         });
       case "visibilityOffIcon":
-        return _5({
+        return H5({
           width: e,
           height: t,
           color: l,
@@ -2574,7 +2630,7 @@ const Q2 = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return M5({
+        return E5({
           width: e,
           height: t,
           color: l,
@@ -2582,7 +2638,7 @@ const Q2 = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return b5({
+        return V5({
           width: e,
           height: t,
           color: l,
@@ -2590,7 +2646,7 @@ const Q2 = ({
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return y5({
+        return I5({
           width: e,
           height: t,
           color: l,
@@ -2598,85 +2654,85 @@ const Q2 = ({
           onClick: h
         });
       case "sortUp":
-        return H5({ width: e, height: t, color: l, className: a, onClick: h });
+        return A5({ width: e, height: t, color: l, className: a, onClick: h });
       case "sortDown":
-        return V5({ width: e, height: t, color: l, className: a, onClick: h });
+        return O5({ width: e, height: t, color: l, className: a, onClick: h });
       case "search":
-        return E5({ width: e, height: t, color: l, className: a, onClick: h });
-      case "arrowUpFilled":
         return Z5({ width: e, height: t, color: l, className: a, onClick: h });
+      case "arrowUpFilled":
+        return T5({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowDownFilled":
-        return O5({ width: e, height: t, color: l, className: a, onClick: h });
+        return G5({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrow2Up":
-        return t5({ width: e, height: t, color: l, className: a, onClick: h });
+        return r5({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrow2Right":
-        return i5({ width: e, height: t, color: l, className: a, onClick: h });
+        return o5({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrow2Down":
-        return s5({ width: e, height: t, color: l, className: a, onClick: h });
+        return a5({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrow2Left":
-        return n5({ width: e, height: t, color: l, className: a, onClick: h });
+        return l5({ width: e, height: t, color: l, className: a, onClick: h });
       case "link":
-        return S5({ width: e, height: t, color: l, className: a, onClick: h });
+        return K5({ width: e, height: t, color: l, className: a, onClick: h });
       case "telegram":
-        return G5({ width: e, height: t, color: l, className: a, onClick: h });
+        return P5({ width: e, height: t, color: l, className: a, onClick: h });
       case "mail":
-        return K5({ width: e, height: t, color: l, className: a, onClick: h });
+        return $5({ width: e, height: t, color: l, className: a, onClick: h });
       case "github":
-        return D5({ width: e, height: t, color: l, className: a, onClick: h });
+        return B5({ width: e, height: t, color: l, className: a, onClick: h });
       case "linkedIn":
-        return T5({ width: e, height: t, color: l, className: a, onClick: h });
+        return Y5({ width: e, height: t, color: l, className: a, onClick: h });
       case "emptyStateIcon":
-        return B5({ width: e, height: t, color: l, className: a, onClick: h });
+        return j5({ width: e, height: t, color: l, className: a, onClick: h });
       case "filtersIcon":
-        return P5({ width: e, height: t, color: l, className: a, onClick: h });
+        return F5({ width: e, height: t, color: l, className: a, onClick: h });
       case "dotMenuIcon":
-        return Y5({ width: e, height: t, color: l, className: a, onClick: h });
+        return W5({ width: e, height: t, color: l, className: a, onClick: h });
       case "plusCircle":
-        return $5({ width: e, height: t, color: l, className: a, onClick: h });
+        return U5({ width: e, height: t, color: l, className: a, onClick: h });
       case "warning":
-        return j5({ width: e, height: t, color: l, className: a, onClick: h });
+        return z5({ width: e, height: t, color: l, className: a, onClick: h });
       case "back":
-        return F5({ width: e, height: t, color: l, className: a, onClick: h });
+        return J5({ width: e, height: t, color: l, className: a, onClick: h });
       case "bell":
-        return U5({ width: e, height: t, color: l, className: a, onClick: h });
+        return q5({ width: e, height: t, color: l, className: a, onClick: h });
       case "copy":
-        return W5({ width: e, height: t, color: l, className: a, onClick: h });
+        return Q5({ width: e, height: t, color: l, className: a, onClick: h });
       case "contract":
-        return z5({ width: e, height: t, color: l, className: a, onClick: h });
+        return X5({ width: e, height: t, color: l, className: a, onClick: h });
       case "resourceManager":
-        return J5({ width: e, height: t, color: l, className: a, onClick: h });
+        return ee({ width: e, height: t, color: l, className: a, onClick: h });
       case "image":
-        return q5({ width: e, height: t, color: l, className: a, onClick: h });
+        return te({ width: e, height: t, color: l, className: a, onClick: h });
       case "edit":
-        return Q5({ width: e, height: t, color: l, className: a, onClick: h });
+        return ie({ width: e, height: t, color: l, className: a, onClick: h });
       case "filledArrowRight":
-        return X5({ width: e, height: t, color: l, className: a, onClick: h });
+        return se({ width: e, height: t, color: l, className: a, onClick: h });
       case "burgerMenu":
-        return ee({ width: e, height: t, color: l, className: a, onClick: h });
+        return ne({ width: e, height: t, color: l, className: a, onClick: h });
       case "refresh":
-        return te({ width: e, height: t, color: l, className: a, onClick: h });
+        return re({ width: e, height: t, color: l, className: a, onClick: h });
       case "projects":
-        return ie({ width: e, height: t, color: l, className: a, onClick: h });
+        return oe({ width: e, height: t, color: l, className: a, onClick: h });
       case "user":
-        return ne({ width: e, height: t, color: l, className: a, onClick: h });
+        return le({ width: e, height: t, color: l, className: a, onClick: h });
       case "exit":
-        return se({ width: e, height: t, color: l, className: a, onClick: h });
+        return ae({ width: e, height: t, color: l, className: a, onClick: h });
       case "openPointCircle":
-        return re({ width: e, height: t, color: l, className: a, onClick: h });
+        return he({ width: e, height: t, color: l, className: a, onClick: h });
       case "community":
-        return oe({ width: e, height: t, color: l, className: a, onClick: h });
+        return ce({ width: e, height: t, color: l, className: a, onClick: h });
       case "docs":
-        return ae({ width: e, height: t, color: l, className: a, onClick: h });
+        return de({ width: e, height: t, color: l, className: a, onClick: h });
       default:
         return /* @__PURE__ */ r(i1, { children: "No Icon provided" });
     }
   })() });
-}, { Title: le, Text: he } = a2, ce = {
+}, { Title: Ce, Text: ge } = G1, ue = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, de = L1(
+}, pe = d1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -2688,26 +2744,26 @@ const Q2 = ({
     /** This prop allows you to enable tooltip if text size is too big */
     trim: a = !1
   }, C) => {
-    const d = q(null);
-    H1(C, () => d.current);
-    const [l, h] = S(!1);
-    K(() => {
+    const d = J(null);
+    k1(C, () => d.current);
+    const [l, h] = O(!1);
+    G(() => {
       var v;
       if (!a) return;
       const m = () => {
         d.current && h(d.current.scrollWidth > d.current.clientWidth);
       };
       m();
-      const H = new ResizeObserver(m);
-      return d.current && H.observe(d.current), (v = d.current) != null && v.parentElement && H.observe(d.current.parentElement), () => {
-        H.disconnect();
+      const b = new ResizeObserver(m);
+      return d.current && b.observe(d.current), (v = d.current) != null && v.parentElement && b.observe(d.current.parentElement), () => {
+        b.disconnect();
       };
     }, [a]);
     const g = e === "h1" || e === "h2" || e === "h3" || e === "h4";
-    let f = `snmt-typography snmt-typography-${e}`;
-    i && i !== "inherit" && (f += ` snmt-typography-align-${i}`), o && (f += " collapsed");
-    const k = {
-      className: f,
+    let p = `snmt-typography snmt-typography-${e}`;
+    i && i !== "inherit" && (p += ` snmt-typography-align-${i}`), o && (p += " collapsed");
+    const w = {
+      className: p,
       style: { color: t, whiteSpace: a ? "nowrap" : c, display: a ? "block" : "" },
       onClick: n,
       ref: d,
@@ -2718,16 +2774,16 @@ const Q2 = ({
         }
       } : void 0
     };
-    return g ? /* @__PURE__ */ r(le, { level: ce[e], ...k, children: s }) : /* @__PURE__ */ r(he, { ...k, children: s });
+    return g ? /* @__PURE__ */ r(Ce, { level: ue[e], ...w, children: s }) : /* @__PURE__ */ r(ge, { ...w, children: s });
   }
 );
-var L = /* @__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.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", 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.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(L || {});
-const d2 = d1({
+var k = /* @__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.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", 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.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(k || {});
+const d2 = C1({
   locale: "en",
   theme: "light"
 });
 d2.Provider;
-const Ce = ({
+const fe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -2754,10 +2810,10 @@ const Ce = ({
       }
     )
   }
-), ge = ({
+), me = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -2794,7 +2850,7 @@ const Ce = ({
       )
     ]
   }
-), ue = ({
+), we = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -2829,10 +2885,10 @@ const Ce = ({
       )
     ]
   }
-), fe = ({
+), Le = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -2856,10 +2912,10 @@ const Ce = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_1_2043", children: /* @__PURE__ */ r("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
     ]
   }
-), pe = ({
+), ke = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -2880,10 +2936,10 @@ const Ce = ({
       }
     )
   }
-), me = ({
+), ve = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -2907,10 +2963,10 @@ const Ce = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_1_2039", children: /* @__PURE__ */ r("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
     ]
   }
-), we = ({
+), Ne = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -2931,10 +2987,10 @@ const Ce = ({
       }
     )
   }
-), Le = ({
+), Re = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -2978,10 +3034,10 @@ const Ce = ({
       )
     ]
   }
-), ke = ({
+), xe = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -3002,10 +3058,10 @@ const Ce = ({
       }
     )
   }
-), ve = ({
+), _e = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -3026,10 +3082,10 @@ const Ce = ({
       }
     )
   }
-), Ne = ({
+), Me = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -3050,10 +3106,10 @@ const Ce = ({
       }
     )
   }
-), Re = ({
+), be = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3111,10 +3167,10 @@ const Ce = ({
       )
     ]
   }
-), xe = ({
+), ye = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3158,10 +3214,10 @@ const Ce = ({
       )
     ]
   }
-), _e = ({
+), He = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3198,10 +3254,10 @@ const Ce = ({
       )
     ]
   }
-), Me = ({
+), Ee = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3238,10 +3294,10 @@ const Ce = ({
       )
     ]
   }
-), be = ({
+), Ve = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3285,10 +3341,10 @@ const Ce = ({
       )
     ]
   }
-), ye = ({
+), Ie = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3332,10 +3388,10 @@ const Ce = ({
       )
     ]
   }
-), He = ({
+), Ae = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3379,10 +3435,10 @@ const Ce = ({
       )
     ]
   }
-), Ve = ({
+), Oe = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3419,10 +3475,10 @@ const Ce = ({
       )
     ]
   }
-), Ee = ({
+), Ze = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3452,10 +3508,10 @@ const Ce = ({
       )
     ]
   }
-), Ie = ({
+), Se = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3485,10 +3541,10 @@ const Ce = ({
       )
     ]
   }
-), Ae = ({
+), De = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3518,10 +3574,10 @@ const Ce = ({
       )
     ]
   }
-), Oe = ({
+), Ge = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3551,10 +3607,10 @@ const Ce = ({
       )
     ]
   }
-), Ze = ({
+), Te = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3591,10 +3647,10 @@ const Ce = ({
       )
     ]
   }
-), Se = ({
+), Ke = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3624,10 +3680,10 @@ const Ce = ({
       )
     ]
   }
-), De = ({
+), Be = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3657,7 +3713,7 @@ const Ce = ({
       )
     ]
   }
-), Ge = ({
+), Pe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -3687,7 +3743,7 @@ const Ce = ({
       /* @__PURE__ */ r("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), Te = ({
+), Ye = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -3725,7 +3781,7 @@ const Ce = ({
       )
     ]
   }
-), Ke = ({
+), $e = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -3751,7 +3807,7 @@ const Ce = ({
       }
     )
   }
-), Be = ({
+), je = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -3780,7 +3836,7 @@ const Ce = ({
       )
     ]
   }
-), Pe = ({
+), Fe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -3809,7 +3865,7 @@ const Ce = ({
       )
     ]
   }
-), Ye = ({
+), We = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -3838,7 +3894,7 @@ const Ce = ({
       )
     ]
   }
-), $e = ({
+), Ue = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -3875,9 +3931,9 @@ const Ce = ({
       )
     ]
   }
-), je = ({
+), ze = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -3908,9 +3964,9 @@ const Ce = ({
       )
     ]
   }
-), Fe = ({
+), Je = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -3935,9 +3991,9 @@ const Ce = ({
       }
     )
   }
-), Ue = ({
+), qe = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -3962,9 +4018,9 @@ const Ce = ({
       }
     )
   }
-), We = ({
+), Qe = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -3986,9 +4042,9 @@ const Ce = ({
       }
     )
   }
-), ze = ({
+), Xe = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -4011,9 +4067,9 @@ const Ce = ({
       }
     )
   }
-), Je = ({
+), et = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -4044,9 +4100,9 @@ const Ce = ({
       )
     ]
   }
-), qe = ({
+), tt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4083,9 +4139,9 @@ const Ce = ({
       )
     ]
   }
-), Qe = ({
+), it = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4110,9 +4166,9 @@ const Ce = ({
       }
     )
   }
-), Xe = ({
+), st = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4169,9 +4225,9 @@ const Ce = ({
       )
     ]
   }
-), et = ({
+), nt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4206,9 +4262,9 @@ const Ce = ({
       )
     ]
   }
-), tt = ({
+), rt = ({
   className: i,
-  color: e = L.GREY_DARK_3,
+  color: e = k.GREY_DARK_3,
   height: t = 14,
   width: s = 14,
   onClick: n
@@ -4243,9 +4299,9 @@ const Ce = ({
       )
     ]
   }
-), it = ({
+), ot = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 18,
   onClick: s,
   width: n = 18
@@ -4270,9 +4326,9 @@ const Ce = ({
       }
     )
   }
-), st = ({
+), at = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4322,9 +4378,9 @@ const Ce = ({
       )
     ]
   }
-), nt = ({
+), lt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4359,9 +4415,9 @@ const Ce = ({
       )
     ]
   }
-), rt = ({
+), ht = ({
   className: i,
-  color: e = L.NOTIFICATION_WARNING_DARK,
+  color: e = k.NOTIFICATION_WARNING_DARK,
   height: t = 37,
   width: s = 36,
   onClick: n
@@ -4398,9 +4454,9 @@ const Ce = ({
       )
     ]
   }
-), ot = ({
+), ct = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4424,9 +4480,9 @@ const Ce = ({
       }
     )
   }
-), at = ({
+), dt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4463,9 +4519,9 @@ const Ce = ({
       )
     ]
   }
-), lt = ({
+), Ct = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -4496,9 +4552,9 @@ const Ce = ({
       )
     ]
   }
-), ht = ({
+), gt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4565,9 +4621,9 @@ const Ce = ({
       )
     ]
   }
-), ct = ({
+), ut = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4622,9 +4678,9 @@ const Ce = ({
       )
     ]
   }
-), dt = ({
+), pt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4671,9 +4727,9 @@ const Ce = ({
       )
     ]
   }
-), Ct = ({
+), ft = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4698,9 +4754,9 @@ const Ce = ({
       }
     )
   }
-), gt = ({
+), mt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -4715,7 +4771,7 @@ const Ce = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: L.GREY_LIGHT_2 }),
+      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: k.GREY_LIGHT_2 }),
       /* @__PURE__ */ r(
         "path",
         {
@@ -4727,7 +4783,7 @@ const Ce = ({
       )
     ]
   }
-), ut = ({
+), wt = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -4753,7 +4809,7 @@ const Ce = ({
       }
     )
   }
-), ft = ({
+), Lt = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -4791,10 +4847,10 @@ const Ce = ({
       )
     ] }) })
   }
-), pt = ({
+), kt = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -4815,7 +4871,7 @@ const Ce = ({
       }
     )
   }
-), mt = ({
+), vt = ({
   width: i = 24,
   height: e = 24,
   color: t = "#131314",
@@ -4848,10 +4904,10 @@ const Ce = ({
       )
     ]
   }
-), wt = ({
+), Nt = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -4881,10 +4937,10 @@ const Ce = ({
       )
     ]
   }
-), Lt = ({
+), Rt = ({
   width: i = 24,
   height: e = 24,
-  color: t = L.GREY_DARK_2,
+  color: t = k.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -4921,10 +4977,10 @@ const Ce = ({
       )
     ]
   }
-), kt = ({
+), xt = ({
   width: i = 24,
   height: e = 24,
-  color: t = L.GREY_DARK_2,
+  color: t = k.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -4948,10 +5004,10 @@ const Ce = ({
       }
     )
   }
-), vt = ({
+), _t = ({
   width: i = 24,
   height: e = 24,
-  color: t = L.GREY_DARK_2,
+  color: t = k.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -4975,7 +5031,7 @@ const Ce = ({
       }
     )
   }
-), Nt = ({
+), Mt = ({
   name: i,
   width: e,
   height: t,
@@ -4984,8 +5040,8 @@ const Ce = ({
   disabled: o = !1,
   onClick: c
 }) => {
-  const [a, C] = S(n), { theme: d } = r1(d2), l = o ? d && d === "dark" ? L.GREY_LIGHT_4 : L.GREY_DARK_1 : s, h = o ? void 0 : c;
-  return K(() => {
+  const [a, C] = O(n), { theme: d } = r1(d2), l = o ? d && d === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : s, h = o ? void 0 : c;
+  return G(() => {
     if (n) {
       h && !o && C(`${n} clickable`);
       return;
@@ -4994,35 +5050,35 @@ const Ce = ({
   }, [h, n, o]), /* @__PURE__ */ r(i1, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return Fe({ width: e, height: t, color: l, className: a, onClick: h });
+        return Je({ width: e, height: t, color: l, className: a, onClick: h });
       case "prevIcon":
-        return Ue({ width: e, height: t, color: l, className: a, onClick: h });
+        return qe({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowDown":
-        return Ce({ width: e, height: t, color: l, className: a, onClick: h });
+        return fe({ width: e, height: t, color: l, className: a, onClick: h });
       case "info":
-        return ge({ width: e, height: t, color: l, className: a, onClick: h });
+        return me({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowRight":
-        return ue({ width: e, height: t, color: l, className: a, onClick: h });
+        return we({ width: e, height: t, color: l, className: a, onClick: h });
       case "calendar":
-        return Le({ width: e, height: t, color: l, className: a, onClick: h });
+        return Re({ width: e, height: t, color: l, className: a, onClick: h });
       case "check":
-        return ke({ width: e, height: t, color: l, className: a, onClick: h });
+        return xe({ width: e, height: t, color: l, className: a, onClick: h });
       case "cancel":
-        return ve({ width: e, height: t, color: l, className: a, onClick: h });
+        return _e({ width: e, height: t, color: l, className: a, onClick: h });
       case "add":
-        return Ne({ width: e, height: t, color: l, className: a, onClick: h });
+        return Me({ width: e, height: t, color: l, className: a, onClick: h });
       case "list":
-        return Re({ width: e, height: t, color: l, className: a, onClick: h });
+        return be({ width: e, height: t, color: l, className: a, onClick: h });
       case "dragAndDrop":
-        return xe({ width: e, height: t, color: l, className: a, onClick: h });
+        return ye({ width: e, height: t, color: l, className: a, onClick: h });
       case "filter":
-        return _e({ width: e, height: t, color: l, className: a, onClick: h });
+        return He({ width: e, height: t, color: l, className: a, onClick: h });
       case "attention":
-        return Me({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ee({ width: e, height: t, color: l, className: a, onClick: h });
       case "users":
-        return be({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ve({ width: e, height: t, color: l, className: a, onClick: h });
       case "mySkillsMatrix":
-        return ye({
+        return Ie({
           width: e,
           height: t,
           color: l,
@@ -5030,9 +5086,9 @@ const Ce = ({
           onClick: h
         });
       case "skills":
-        return He({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ae({ width: e, height: t, color: l, className: a, onClick: h });
       case "skillsMatrices":
-        return Ve({
+        return Oe({
           width: e,
           height: t,
           color: l,
@@ -5040,21 +5096,21 @@ const Ce = ({
           onClick: h
         });
       case "history":
-        return Ee({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ze({ width: e, height: t, color: l, className: a, onClick: h });
       case "logOut":
-        return Ie({ width: e, height: t, color: l, className: a, onClick: h });
+        return Se({ width: e, height: t, color: l, className: a, onClick: h });
       case "settings":
-        return Ae({ width: e, height: t, color: l, className: a, onClick: h });
+        return De({ width: e, height: t, color: l, className: a, onClick: h });
       case "trash":
-        return Oe({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ge({ width: e, height: t, color: l, className: a, onClick: h });
       case "settings2":
-        return Ze({ width: e, height: t, color: l, className: a, onClick: h });
+        return Te({ width: e, height: t, color: l, className: a, onClick: h });
       case "checkCircle":
-        return Se({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ke({ width: e, height: t, color: l, className: a, onClick: h });
       case "cancelCircle":
-        return De({ width: e, height: t, color: l, className: a, onClick: h });
+        return Be({ width: e, height: t, color: l, className: a, onClick: h });
       case "visibilityIcon":
-        return Ge({
+        return Pe({
           width: e,
           height: t,
           color: l,
@@ -5062,7 +5118,7 @@ const Ce = ({
           onClick: h
         });
       case "visibilityOffIcon":
-        return Te({
+        return Ye({
           width: e,
           height: t,
           color: l,
@@ -5070,7 +5126,7 @@ const Ce = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return Ke({
+        return $e({
           width: e,
           height: t,
           color: l,
@@ -5078,7 +5134,7 @@ const Ce = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return Be({
+        return je({
           width: e,
           height: t,
           color: l,
@@ -5086,7 +5142,7 @@ const Ce = ({
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return Pe({
+        return Fe({
           width: e,
           height: t,
           color: l,
@@ -5094,86 +5150,86 @@ const Ce = ({
           onClick: h
         });
       case "sortUp":
-        return Ye({ width: e, height: t, color: l, className: a, onClick: h });
+        return We({ width: e, height: t, color: l, className: a, onClick: h });
       case "sortDown":
-        return $e({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ue({ width: e, height: t, color: l, className: a, onClick: h });
       case "search":
-        return je({ width: e, height: t, color: l, className: a, onClick: h });
-      case "arrowUpFilled":
         return ze({ width: e, height: t, color: l, className: a, onClick: h });
+      case "arrowUpFilled":
+        return Xe({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowDownFilled":
-        return We({ width: e, height: t, color: l, className: a, onClick: h });
+        return Qe({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrow2Up":
-        return fe({ width: e, height: t, color: l, className: a, onClick: h });
+        return Le({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrow2Right":
-        return pe({ width: e, height: t, color: l, className: a, onClick: h });
+        return ke({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrow2Down":
-        return me({ width: e, height: t, color: l, className: a, onClick: h });
+        return ve({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrow2Left":
-        return we({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ne({ width: e, height: t, color: l, className: a, onClick: h });
       case "link":
-        return Je({ width: e, height: t, color: l, className: a, onClick: h });
+        return et({ width: e, height: t, color: l, className: a, onClick: h });
       case "telegram":
-        return Qe({ width: e, height: t, color: l, className: a, onClick: h });
+        return it({ width: e, height: t, color: l, className: a, onClick: h });
       case "mail":
-        return et({ width: e, height: t, color: l, className: a, onClick: h });
+        return nt({ width: e, height: t, color: l, className: a, onClick: h });
       case "github":
-        return qe({ width: e, height: t, color: l, className: a, onClick: h });
+        return tt({ width: e, height: t, color: l, className: a, onClick: h });
       case "linkedIn":
-        return Xe({ width: e, height: t, color: l, className: a, onClick: h });
+        return st({ width: e, height: t, color: l, className: a, onClick: h });
       case "emptyStateIcon":
-        return tt({ width: e, height: t, color: l, className: a, onClick: h });
+        return rt({ width: e, height: t, color: l, className: a, onClick: h });
       case "filtersIcon":
-        return it({ width: e, height: t, color: l, className: a, onClick: h });
+        return ot({ width: e, height: t, color: l, className: a, onClick: h });
       case "dotMenuIcon":
-        return st({ width: e, height: t, color: l, className: a, onClick: h });
+        return at({ width: e, height: t, color: l, className: a, onClick: h });
       case "plusCircle":
-        return nt({ width: e, height: t, color: l, className: a, onClick: h });
+        return lt({ width: e, height: t, color: l, className: a, onClick: h });
       case "warning":
-        return rt({ width: e, height: t, color: l, className: a, onClick: h });
+        return ht({ width: e, height: t, color: l, className: a, onClick: h });
       case "back":
-        return ot({ width: e, height: t, color: l, className: a, onClick: h });
+        return ct({ width: e, height: t, color: l, className: a, onClick: h });
       case "bell":
-        return at({ width: e, height: t, color: l, className: a, onClick: h });
+        return dt({ width: e, height: t, color: l, className: a, onClick: h });
       case "copy":
-        return lt({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ct({ width: e, height: t, color: l, className: a, onClick: h });
       case "contract":
-        return ht({ width: e, height: t, color: l, className: a, onClick: h });
+        return gt({ width: e, height: t, color: l, className: a, onClick: h });
       case "resourceManager":
-        return ct({ width: e, height: t, color: l, className: a, onClick: h });
+        return ut({ width: e, height: t, color: l, className: a, onClick: h });
       case "image":
-        return dt({ width: e, height: t, color: l, className: a, onClick: h });
+        return pt({ width: e, height: t, color: l, className: a, onClick: h });
       case "edit":
-        return Ct({ width: e, height: t, color: l, className: a, onClick: h });
+        return ft({ width: e, height: t, color: l, className: a, onClick: h });
       case "filledArrowRight":
-        return gt({ width: e, height: t, color: l, className: a, onClick: h });
+        return mt({ width: e, height: t, color: l, className: a, onClick: h });
       case "burgerMenu":
-        return ut({ width: e, height: t, color: l, className: a, onClick: h });
+        return wt({ width: e, height: t, color: l, className: a, onClick: h });
       case "refresh":
-        return ft({ width: e, height: t, color: l, className: a, onClick: h });
+        return Lt({ width: e, height: t, color: l, className: a, onClick: h });
       case "projects":
-        return pt({ width: e, height: t, color: l, className: a, onClick: h });
+        return kt({ width: e, height: t, color: l, className: a, onClick: h });
       case "user":
-        return wt({ width: e, height: t, color: l, className: a, onClick: h });
+        return Nt({ width: e, height: t, color: l, className: a, onClick: h });
       case "exit":
-        return mt({ width: e, height: t, color: l, className: a, onClick: h });
+        return vt({ width: e, height: t, color: l, className: a, onClick: h });
       case "openPointCircle":
-        return Lt({ width: e, height: t, color: l, className: a, onClick: h });
+        return Rt({ width: e, height: t, color: l, className: a, onClick: h });
       case "community":
-        return kt({ width: e, height: t, color: l, className: a, onClick: h });
+        return xt({ width: e, height: t, color: l, className: a, onClick: h });
       case "docs":
-        return vt({ width: e, height: t, color: l, className: a, onClick: h });
+        return _t({ width: e, height: t, color: l, className: a, onClick: h });
       default:
         return /* @__PURE__ */ r(i1, { children: "No Icon provided" });
     }
   })() });
 };
-var p1 = /* @__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.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", 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.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(p1 || {});
-const Rt = d1({
+var m1 = /* @__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.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", 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.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(m1 || {});
+const bt = C1({
   locale: "en",
   theme: "light"
 });
-Rt.Provider;
+bt.Provider;
 const C2 = ({
   children: i,
   width: e,
@@ -5190,10 +5246,10 @@ const C2 = ({
     {
       className: `snmt-tag ${t} ${o ? "disabled" : ""}`,
       closeIcon: /* @__PURE__ */ r(
-        Nt,
+        Mt,
         {
           name: "cancelCircle",
-          color: o ? p1.GREY_DARK_1 : p1.GREY_DARK_2,
+          color: o ? m1.GREY_DARK_1 : m1.GREY_DARK_2,
           width: c,
           height: c,
           onClick: a
@@ -5203,21 +5259,21 @@ const C2 = ({
       style: { width: e ?? "fit-content" },
       closable: n,
       children: typeof i == "string" ? /* @__PURE__ */ r(
-        de,
+        pe,
         {
           variant: t === "small" ? "body4" : "body2",
-          color: o ? p1.GREY_DARK_2 : p1.GREY_DARK_5,
+          color: o ? m1.GREY_DARK_2 : m1.GREY_DARK_5,
           children: i
         }
       ) : i
     }
   );
-}, { Title: xt, Text: _t } = a2, Mt = {
+}, { Title: yt, Text: Ht } = G1, Et = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, bt = L1(
+}, Vt = d1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -5229,26 +5285,26 @@ const C2 = ({
     /** This prop allows you to enable tooltip if text size is too big */
     trim: a = !1
   }, C) => {
-    const d = q(null);
-    H1(C, () => d.current);
-    const [l, h] = S(!1);
-    K(() => {
+    const d = J(null);
+    k1(C, () => d.current);
+    const [l, h] = O(!1);
+    G(() => {
       var v;
       if (!a) return;
       const m = () => {
         d.current && h(d.current.scrollWidth > d.current.clientWidth);
       };
       m();
-      const H = new ResizeObserver(m);
-      return d.current && H.observe(d.current), (v = d.current) != null && v.parentElement && H.observe(d.current.parentElement), () => {
-        H.disconnect();
+      const b = new ResizeObserver(m);
+      return d.current && b.observe(d.current), (v = d.current) != null && v.parentElement && b.observe(d.current.parentElement), () => {
+        b.disconnect();
       };
     }, [a]);
     const g = e === "h1" || e === "h2" || e === "h3" || e === "h4";
-    let f = `snmt-typography snmt-typography-${e}`;
-    i && i !== "inherit" && (f += ` snmt-typography-align-${i}`), o && (f += " collapsed");
-    const k = {
-      className: f,
+    let p = `snmt-typography snmt-typography-${e}`;
+    i && i !== "inherit" && (p += ` snmt-typography-align-${i}`), o && (p += " collapsed");
+    const w = {
+      className: p,
       style: { color: t, whiteSpace: a ? "nowrap" : c, display: a ? "block" : "" },
       onClick: n,
       ref: d,
@@ -5259,9 +5315,9 @@ const C2 = ({
         }
       } : void 0
     };
-    return g ? /* @__PURE__ */ r(xt, { level: Mt[e], ...k, children: s }) : /* @__PURE__ */ r(_t, { ...k, children: s });
+    return g ? /* @__PURE__ */ r(yt, { level: Et[e], ...w, children: s }) : /* @__PURE__ */ r(Ht, { ...w, children: s });
   }
-), yt = ({
+), It = ({
   children: i,
   content: e,
   isOpen: t,
@@ -5270,7 +5326,7 @@ const C2 = ({
   noPadding: o = !1,
   trigger: c = "click"
 }) => {
-  const [a, C] = S(!1);
+  const [a, C] = O(!1);
   return /* @__PURE__ */ r(
     b2,
     {
@@ -5287,7 +5343,7 @@ const C2 = ({
     }
   );
 };
-var Ht = { exports: {} };
+var At = { exports: {} };
 (function(i, e) {
   (function(t, s) {
     i.exports = s();
@@ -5297,8 +5353,8 @@ var Ht = { exports: {} };
       return "[" + t + (s[(n - 20) % 10] || s[n] || s[0]) + "]";
     } };
   });
-})(Ht);
-const Vt = ({
+})(At);
+const Ot = ({
   values: i,
   onTagClose: e,
   maxWidth: t,
@@ -5307,17 +5363,17 @@ const Vt = ({
   options: o,
   extraOptions: c
 }) => {
-  const { locale: a } = r1(G1), { t: C } = z2("common", { lng: a }), [d, l] = S(!1);
-  if (K(() => {
+  const { locale: a } = r1(T1), { t: C } = z2("common", { lng: a }), [d, l] = O(!1);
+  if (G(() => {
     i.length || l(!1);
   }, [i]), !i.length)
     return null;
   const h = (g) => {
-    var f, k;
-    return ((f = o == null ? void 0 : o.find((v) => v.value === g)) == null ? void 0 : f.label) || ((k = c == null ? void 0 : c.find((v) => v.value === g)) == null ? void 0 : k.label) || g;
+    var p, w;
+    return ((p = o == null ? void 0 : o.find((v) => v.value === g)) == null ? void 0 : p.label) || ((w = c == null ? void 0 : c.find((v) => v.value === g)) == null ? void 0 : w.label) || g;
   };
   return /* @__PURE__ */ u(
-    yt,
+    It,
     {
       content: (
         // 90: paddings + margins + gaps and so on
@@ -5342,19 +5398,19 @@ const Vt = ({
       ]
     }
   );
-}, Et = {
+}, Zt = {
   small: 20,
   medium: 28,
   large: 48
-}, Y1 = ({ size: i = "medium", color: e = "#004ed7" }) => {
-  const t = Et[i], s = `no-repeat linear-gradient(${e}
+}, $1 = ({ size: i = "medium", color: e = "#004ed7" }) => {
+  const t = Zt[i], s = `no-repeat linear-gradient(${e}
     calc(50% - 10px), #0000 0 calc(50% + 10px), ${e} 0)`, n = {
     width: t,
     background: `${s} 0% 100%, ${s} 50% 100%, ${s} 100% 100%`,
     backgroundSize: "20% calc(200% + 20px)"
   };
   return /* @__PURE__ */ r("span", { className: "snmt-loader", style: n });
-}, $1 = L1(
+}, j1 = d1(
   ({
     value: i,
     onChange: e,
@@ -5369,101 +5425,101 @@ const Vt = ({
     scrollThresholdValue: l = 50,
     onSearchChange: h,
     onDropdownVisibleChange: g,
-    onScrollToEnd: f,
-    onPopupScroll: k,
+    onScrollToEnd: p,
+    onPopupScroll: w,
     id: v,
     extraOptions: m,
-    dropdownRender: H,
-    optionRender: b,
+    dropdownRender: b,
+    optionRender: y,
     isLoading: A,
-    readOnly: p,
+    readOnly: f,
     error: x
   }, _) => {
-    const [R, j] = S(!1), [J, F] = S(!1), [V, G] = S(!0), [E, O] = S(i), D = q(null);
-    K(() => {
-      O(i);
+    const [R, j] = O(!1), [q, F] = O(!1), [E, T] = O(!0), [V, Z] = O(i), D = J(null);
+    G(() => {
+      Z(i);
     }, [i]);
     const B = (N) => {
       j(N), g && g(N);
-    }, W = (N, y) => {
-      var T;
-      return !!((T = y == null ? void 0 : y.label) != null && T.toString().toLowerCase().includes(N.toLowerCase()));
+    }, U = (N, H) => {
+      var K;
+      return !!((K = H == null ? void 0 : H.label) != null && K.toString().toLowerCase().includes(N.toLowerCase()));
     }, I = () => {
       F(!0);
     }, Y = () => {
       F(!1);
     }, P = $(
       (N) => {
-        if (O(N), s) {
-          const T = N;
-          e == null || e(T);
+        if (Z(N), s) {
+          const K = N;
+          e == null || e(K);
           return;
         }
-        const y = N;
-        e == null || e(y);
+        const H = N;
+        e == null || e(H);
       },
       [s, e]
     ), e1 = $(() => {
-      if (!(p || a)) {
+      if (!(f || a)) {
         if (s) {
           P([]);
           return;
         }
         P("");
       }
-    }, [a, P, s, p]), t1 = $(
+    }, [a, P, s, f]), t1 = $(
       (N) => {
-        const y = E.filter((T) => T !== N);
-        P(y), O(y);
+        const H = V.filter((K) => K !== N);
+        P(H), Z(H);
       },
-      [P, E]
-    ), C1 = $(
-      (N) => (E == null ? void 0 : E.indexOf(N)) === 0 ? (
+      [P, V]
+    ), g1 = $(
+      (N) => (V == null ? void 0 : V.indexOf(N)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
-        /* @__PURE__ */ r("span", { className: "custom-placeholder", children: V ? t : "" })
+        /* @__PURE__ */ r("span", { className: "custom-placeholder", children: E ? t : "" })
       ) : /* @__PURE__ */ r(i1, {}),
-      [V, E, t]
-    ), k1 = (N) => {
+      [E, V, t]
+    ), v1 = (N) => {
       N.preventDefault(), N.stopPropagation();
-    }, v1 = async (N) => {
-      const { target: y } = N;
-      y.scrollTop + y.offsetHeight >= y.scrollHeight - l && (f == null || f(!0)), k && await k(N);
+    }, N1 = async (N) => {
+      const { target: H } = N;
+      H.scrollTop + H.offsetHeight >= H.scrollHeight - l && (p == null || p(!0)), w && await w(N);
     }, o1 = $(
       (N) => {
-        var y, T;
-        return ((y = o.find((a1) => a1.value === N)) == null ? void 0 : y.label) || ((T = m == null ? void 0 : m.find(
+        var H, K;
+        return ((H = o.find((a1) => a1.value === N)) == null ? void 0 : H.label) || ((K = m == null ? void 0 : m.find(
           (a1) => a1.value === N
-        )) == null ? void 0 : T.label) || N;
+        )) == null ? void 0 : K.label) || N;
       },
       [m, o]
-    ), N1 = $(
+    ), R1 = $(
       (N) => {
-        var y;
+        var H;
         return /* @__PURE__ */ r(
-          Vt,
+          Ot,
           {
             values: N,
             onTagClose: t1,
-            maxWidth: ((y = D.current) == null ? void 0 : y.clientWidth) || 0,
+            maxWidth: ((H = D.current) == null ? void 0 : H.clientWidth) || 0,
             disabled: a,
-            closable: !p,
+            closable: !f,
             options: o,
             extraOptions: m
           }
         );
       },
-      [a, m, t1, o, p]
-    ), Z = $(
-      ({ label: N, value: y, mode: T }) => T === "filter" ? C1(y) : /* @__PURE__ */ r("div", { onMouseDown: k1, className: "tag-wrapper", children: /* @__PURE__ */ r(C2, { onClose: () => t1(y), disabled: a, children: typeof N == "object" ? N : o1(y) }) }),
-      [a, o1, t1, C1]
-    ), z = Array.isArray(E) && E.length > 0 || !!E && typeof E == "string" && E.trim() !== "";
+      [a, m, t1, o, f]
+    ), S = $(
+      ({ label: N, value: H, mode: K }) => K === "filter" ? g1(H) : /* @__PURE__ */ r("div", { onMouseDown: v1, className: "tag-wrapper", children: /* @__PURE__ */ r(C2, { onClose: () => t1(H), disabled: a, children: typeof N == "object" ? N : o1(H) }) }),
+      [a, o1, t1, g1]
+    ), z = Array.isArray(V) && V.length > 0 || !!V && typeof V == "string" && V.trim() !== "";
     return /* @__PURE__ */ u("div", { className: "snmt-select-container", children: [
       /* @__PURE__ */ u(
         "div",
         {
-          className: `snmt-select-1-15-6 ${J ? "snmt-select-focused" : ""}
-                        ${s ? "" : "snmt-select-single"} ${p ? "snmt-select-read-only" : ""}`,
+          className: `snmt-select-1-15-6 ${q ? "snmt-select-focused" : ""}
+                        ${s ? "" : "snmt-select-single"} ${f ? "snmt-select-read-only" : ""}`,
           ref: D,
           style: { width: c },
           children: [
@@ -5471,34 +5527,34 @@ const Vt = ({
               N2,
               {
                 className: "snmt-select-blank",
-                popupClassName: p ? "dropdown-read-only" : "",
+                popupClassName: f ? "dropdown-read-only" : "",
                 id: v,
                 ref: _,
                 showSearch: !!n,
-                filterOption: n && W,
+                filterOption: n && U,
                 onDropdownVisibleChange: B,
                 disabled: a,
-                value: E || void 0,
+                value: V || void 0,
                 labelRender: (N) => {
-                  const y = o1(N.value);
-                  return a ? /* @__PURE__ */ r("span", { style: { color: Q.GREY_DARK_1 }, children: y }) : y;
+                  const H = o1(N.value);
+                  return a ? /* @__PURE__ */ r("span", { style: { color: Q.GREY_DARK_1 }, children: H }) : H;
                 },
                 mode: s === "filter" ? "multiple" : s,
                 onChange: P,
                 onFocus: I,
                 onBlur: Y,
                 onSearch: (N) => {
-                  G(!N), h && h(N);
+                  T(!N), h && h(N);
                 },
-                onSelect: () => G(!0),
-                onDeselect: () => G(!0),
-                tagRender: (N) => Z({ ...N, mode: s }),
+                onSelect: () => T(!0),
+                onDeselect: () => T(!0),
+                tagRender: (N) => S({ ...N, mode: s }),
                 maxTagCount: "responsive",
-                maxTagPlaceholder: N1,
-                onPopupScroll: v1,
-                prefix: A && /* @__PURE__ */ r(Y1, { size: "small" }),
+                maxTagPlaceholder: R1,
+                onPopupScroll: N1,
+                prefix: A && /* @__PURE__ */ r($1, { size: "small" }),
                 suffixIcon: /* @__PURE__ */ r("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ u(i1, { children: [
-                  E && !!E.length && (s || d) && /* @__PURE__ */ r(
+                  V && !!V.length && (s || d) && /* @__PURE__ */ r(
                     "div",
                     {
                       onClick: e1,
@@ -5506,7 +5562,7 @@ const Vt = ({
                         cursor: a ? "not-allowed" : "pointer"
                       },
                       children: /* @__PURE__ */ r(
-                        g1,
+                        u1,
                         {
                           name: "cancel",
                           color: a ? Q.GREY_DARK_1 : Q.GREY_DARK_2
@@ -5515,7 +5571,7 @@ const Vt = ({
                     }
                   ),
                   /* @__PURE__ */ r(
-                    g1,
+                    u1,
                     {
                       name: "selectArrowIcon",
                       color: a ? Q.GREY_DARK_1 : Q.GREY_DARK_5,
@@ -5524,14 +5580,14 @@ const Vt = ({
                     }
                   )
                 ] }) }),
-                removeIcon: /* @__PURE__ */ r(g1, { name: "cancelCircle", color: Q.GREY_DARK_1 }),
+                removeIcon: /* @__PURE__ */ r(u1, { name: "cancelCircle", color: Q.GREY_DARK_1 }),
                 options: o,
-                optionRender: (N) => b ? b(N.data) : /* @__PURE__ */ u(f1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                optionRender: (N) => y ? y(N.data) : /* @__PURE__ */ u(f1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                   /* @__PURE__ */ u(f1, { alignItems: "center", gap: 12, children: [
                     s && /* @__PURE__ */ r(
-                      q2,
+                      t5,
                       {
-                        checked: !!(E != null && E.includes(N.value))
+                        checked: !!(V != null && V.includes(N.value))
                       }
                     ),
                     /* @__PURE__ */ u(f1, { alignItems: "center", gap: 8, children: [
@@ -5539,11 +5595,11 @@ const Vt = ({
                       /* @__PURE__ */ r("span", { children: N.label })
                     ] })
                   ] }),
-                  !s && E === N.value && /* @__PURE__ */ r(g1, { name: "check", color: Q.BLUE_DARK_1 })
+                  !s && V === N.value && /* @__PURE__ */ r(u1, { name: "check", color: Q.BLUE_DARK_1 })
                 ] }),
                 dropdownRender: (N) => /* @__PURE__ */ u("div", { className: "dropdown-container", children: [
-                  /* @__PURE__ */ r("div", { className: "dropdown-menu", children: H ? H(N) : N }),
-                  A && /* @__PURE__ */ r("div", { className: "loading-overlay", children: /* @__PURE__ */ r(Y1, {}) })
+                  /* @__PURE__ */ r("div", { className: "dropdown-menu", children: b ? b(N) : N }),
+                  A && /* @__PURE__ */ r("div", { className: "loading-overlay", children: /* @__PURE__ */ r($1, {}) })
                 ] })
               }
             ),
@@ -5551,14 +5607,14 @@ const Vt = ({
               /* @__PURE__ */ r(
                 "label",
                 {
-                  className: `${J || z ? "label-floating" : ""} ${a ? "label-disabled" : ""} ${J ? "label-focused" : ""} ${A ? "label-loading" : ""} ${x ? "label-error" : ""}`,
+                  className: `${q || z ? "label-floating" : ""} ${a ? "label-disabled" : ""} ${q ? "label-focused" : ""} ${A ? "label-loading" : ""} ${x ? "label-error" : ""}`,
                   children: C ? `${t}*` : t
                 }
               ),
               /* @__PURE__ */ r(
                 "fieldset",
                 {
-                  className: `${J ? "fieldset-focused" : ""} ${a ? "fieldset-disabled" : ""} ${z ? "fieldset-filled" : ""} ${x ? "fieldset-error" : ""}`,
+                  className: `${q ? "fieldset-focused" : ""} ${a ? "fieldset-disabled" : ""} ${z ? "fieldset-filled" : ""} ${x ? "fieldset-error" : ""}`,
                   children: /* @__PURE__ */ r("legend", { children: /* @__PURE__ */ r("span", { children: C ? `${t}*` : t }) })
                 }
               )
@@ -5568,7 +5624,7 @@ const Vt = ({
       ),
       x && /* @__PURE__ */ u(f1, { justifyContent: "flex-start", gap: 6, children: [
         /* @__PURE__ */ r(
-          g1,
+          u1,
           {
             name: "attention",
             color: Q.NOTIFICATION_ERROR_DARK,
@@ -5576,14 +5632,14 @@ const Vt = ({
             width: 16
           }
         ),
-        typeof x == "string" ? /* @__PURE__ */ r(bt, { color: Q.NOTIFICATION_ERROR_DARK, variant: "body4", children: x }) : x
+        typeof x == "string" ? /* @__PURE__ */ r(Vt, { color: Q.NOTIFICATION_ERROR_DARK, variant: "body4", children: x }) : x
       ] })
     ] });
   }
 );
-function It(i, e = 500) {
-  const t = q();
-  return K(() => () => {
+function St(i, e = 500) {
+  const t = J();
+  return G(() => () => {
     t.current && clearTimeout(t.current);
   }, []), (...s) => {
     const n = setTimeout(() => {
@@ -5592,15 +5648,15 @@ function It(i, e = 500) {
     clearTimeout(t.current), t.current = n;
   };
 }
-function j1(i) {
-  const e = q(i);
-  return K(() => {
+function F1(i) {
+  const e = J(i);
+  return G(() => {
     e.current = i;
   }, [i]), e.current;
 }
-const E1 = 100, l1 = {
+const V1 = 100, l1 = {
   offset: 0
-}, F1 = L1(
+}, W1 = d1(
   ({
     loadOptions: i,
     width: e,
@@ -5615,154 +5671,154 @@ const E1 = 100, l1 = {
     preloadOptions: l,
     extraOptions: h,
     onDropdownVisibleChange: g,
-    optionRender: f,
-    dropdownRender: k,
+    optionRender: p,
+    dropdownRender: w,
     readOnly: v,
     clearable: m = !1,
-    required: H = !1,
-    error: b
+    required: b = !1,
+    error: y
   }, A) => {
-    const [p, x] = S(), [_, R] = S(l1), [j, J] = S(!1), [F, V] = S(), [G, E] = S(!1), [O, D] = S(
+    const [f, x] = O(), [_, R] = O(l1), [j, q] = O(!1), [F, E] = O(), [T, V] = O(!1), [Z, D] = O(
       h ?? []
-    ), B = j1(_.offset), W = j1(F), [I, Y] = S(!1), P = q(!1), e1 = $(
+    ), B = F1(_.offset), U = F1(F), [I, Y] = O(!1), P = J(!1), e1 = $(
       async ({
-        limit: Z = E1,
+        limit: S = V1,
         offset: z,
         search: N
       }) => {
-        J(!0);
+        q(!0);
         try {
-          const y = await i({
-            limit: Z,
+          const H = await i({
+            limit: S,
             offset: z,
             search: N
           });
           x(
-            (T) => z === 0 ? y.options : [...T ?? [], ...y.options]
-          ), R((T) => ({
-            ...T,
-            count: y.count
+            (K) => z === 0 ? H.options : [...K ?? [], ...H.options]
+          ), R((K) => ({
+            ...K,
+            count: H.count
           }));
-        } catch (y) {
-          return console.error("AsyncSelect. fetchOptions error", y), [];
+        } catch (H) {
+          return console.error("AsyncSelect. fetchOptions error", H), [];
         } finally {
-          J(!1);
+          q(!1);
         }
       },
       [i]
-    ), t1 = It((Z) => {
-      V(Z), Z || R(l1);
-    }), C1 = $(
-      (Z) => t1(Z),
+    ), t1 = St((S) => {
+      E(S), S || R(l1);
+    }), g1 = $(
+      (S) => t1(S),
       [t1]
-    ), k1 = $(
-      async (Z) => {
-        j || Z && _.count && _.count > ((p == null ? void 0 : p.length) ?? 0) && R((z) => ({
+    ), v1 = $(
+      async (S) => {
+        j || S && _.count && _.count > ((f == null ? void 0 : f.length) ?? 0) && R((z) => ({
           ...z,
-          offset: z.offset + E1
+          offset: z.offset + V1
         }));
       },
-      [j, p == null ? void 0 : p.length, _.count]
-    ), v1 = $(
-      (Z) => {
-        E(Z), !Z && F && (V(void 0), R(l1), Y(!0)), g == null || g(Z);
+      [j, f == null ? void 0 : f.length, _.count]
+    ), N1 = $(
+      (S) => {
+        V(S), !S && F && (E(void 0), R(l1), Y(!0)), g == null || g(S);
       },
       [g, F]
     );
-    K(() => {
-      !P.current || j || (I || G && (B !== _.offset || W !== F || !p)) && (e1({ offset: _.offset, limit: E1, search: F }), I && Y(!1));
-    }, [I, G, _.offset, F, B, W, p, j]), K(() => {
+    G(() => {
+      !P.current || j || (I || T && (B !== _.offset || U !== F || !f)) && (e1({ offset: _.offset, limit: V1, search: F }), I && Y(!1));
+    }, [I, T, _.offset, F, B, U, f, j]), G(() => {
       (d || l) && e1(l1), P.current = !0;
-    }, []), K(() => {
-      h && D((Z) => {
+    }, []), G(() => {
+      h && D((S) => {
         const z = h.filter(
-          (N) => !Z.some((y) => y.value === N.value)
+          (N) => !S.some((H) => H.value === N.value)
         );
-        return [...Z, ...z];
+        return [...S, ...z];
       });
     }, [h]);
     const o1 = $(
-      (Z) => {
-        t && t(Z);
+      (S) => {
+        t && t(S);
         let z = [];
-        if (C ? z = Array.isArray(Z) ? Z : [] : z = Z ? [Z] : [], F) {
+        if (C ? z = Array.isArray(S) ? S : [] : z = S ? [S] : [], F) {
           const N = z.filter(
-            (y) => !(O != null && O.some((T) => T.value === y))
+            (H) => !(Z != null && Z.some((K) => K.value === H))
           );
-          N.length > 0 && D((y = []) => [
-            ...y,
-            ...N.map((T) => {
-              const a1 = p == null ? void 0 : p.find((w2) => w2.value === T);
+          N.length > 0 && D((H = []) => [
+            ...H,
+            ...N.map((K) => {
+              const a1 = f == null ? void 0 : f.find((w2) => w2.value === K);
               return {
-                value: T,
-                label: (a1 == null ? void 0 : a1.label) ?? T
+                value: K,
+                label: (a1 == null ? void 0 : a1.label) ?? K
               };
             })
-          ]), V(void 0), R(l1), Y(!0);
+          ]), E(void 0), R(l1), Y(!0);
         }
       },
-      [t, F, C, p, O]
-    ), N1 = v2(
+      [t, F, C, f, Z]
+    ), R1 = v2(
       () => ({
         id: n,
         width: e,
-        options: p || [],
+        options: f || [],
         onChange: o1,
         ref: A,
         placeholder: a,
         search: !0,
         value: s,
-        onSearchChange: C1,
-        onDropdownVisibleChange: v1,
+        onSearchChange: g1,
+        onDropdownVisibleChange: N1,
         scrollThresholdValue: c,
-        onScrollToEnd: k1,
+        onScrollToEnd: v1,
         disabled: o,
-        extraOptions: O,
+        extraOptions: Z,
         isLoading: j,
-        optionRender: f,
-        dropdownRender: k,
+        optionRender: p,
+        dropdownRender: w,
         readOnly: v,
         clearable: m,
-        required: H,
-        error: b
+        required: b,
+        error: y
       }),
       [
         n,
         e,
-        p,
+        f,
         o1,
         A,
         a,
         s,
-        C1,
-        v1,
+        g1,
+        N1,
         c,
-        k1,
+        v1,
         o,
-        O,
+        Z,
         j,
-        f,
-        k,
+        p,
+        w,
         v,
         m,
-        H,
-        b
+        b,
+        y
       ]
     );
-    return H1(A, () => ({
+    return k1(A, () => ({
       refetchOptions: async () => {
-        R(l1), V(void 0), Y(!0);
+        R(l1), E(void 0), Y(!0);
       }
-    })), C ? /* @__PURE__ */ r($1, { ...N1, value: s, mode: C }) : /* @__PURE__ */ r("div", { className: "snmt-async-select", children: /* @__PURE__ */ r($1, { ...N1, value: s }) });
+    })), C ? /* @__PURE__ */ r(j1, { ...R1, value: s, mode: C }) : /* @__PURE__ */ r("div", { className: "snmt-async-select", children: /* @__PURE__ */ r(j1, { ...R1, value: s }) });
   }
 );
-var x1 = /* @__PURE__ */ ((i) => (i.ACTIVE = "Active", i.ARCHIVED = "Archived", i))(x1 || {});
-const At = {
+var _1 = /* @__PURE__ */ ((i) => (i.ACTIVE = "Active", i.ARCHIVED = "Archived", i))(_1 || {});
+const Dt = {
   small: 20,
   medium: 28,
   large: 48
-}, Ot = ({ size: i = "medium", color: e = "#004ed7" }) => {
-  const t = At[i], s = `no-repeat linear-gradient(${e}
+}, Gt = ({ size: i = "medium", color: e = "#004ed7" }) => {
+  const t = Dt[i], s = `no-repeat linear-gradient(${e}
     calc(50% - 10px), #0000 0 calc(50% + 10px), ${e} 0)`, n = {
     width: t,
     background: `${s} 0% 100%, ${s} 50% 100%, ${s} 100% 100%`,
@@ -5770,7 +5826,7 @@ const At = {
   };
   return /* @__PURE__ */ r("span", { className: "snmt-loader", style: n });
 };
-function Zt() {
+function Tt() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
       e[t] = arguments[t];
@@ -5781,7 +5837,7 @@ const U1 = {};
 function Z1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  n1(e[0]) && U1[e[0]] || (n1(e[0]) && (U1[e[0]] = /* @__PURE__ */ new Date()), Zt(...e));
+  n1(e[0]) && U1[e[0]] || (n1(e[0]) && (U1[e[0]] = /* @__PURE__ */ new Date()), Tt(...e));
 }
 const g2 = (i, e) => () => {
   if (i.isInitialized)
@@ -5794,13 +5850,13 @@ const g2 = (i, e) => () => {
     };
     i.on("initialized", t);
   }
-}, W1 = (i, e, t) => {
+}, z1 = (i, e, t) => {
   i.loadNamespaces(e, g2(i, t));
-}, z1 = (i, e, t, s) => {
+}, J1 = (i, e, t, s) => {
   n1(t) && (t = [t]), t.forEach((n) => {
     i.options.ns.indexOf(n) < 0 && i.options.ns.push(n);
   }), i.loadLanguages(e, g2(i, s));
-}, St = function(i, e) {
+}, Kt = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const s = e.languages[0], n = e.options ? e.options.fallbackLng : !1, o = e.languages[e.languages.length - 1];
   if (s.toLowerCase() === "cimode") return !0;
@@ -5809,15 +5865,15 @@ const g2 = (i, e) => () => {
     return d === -1 || d === 2;
   };
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !c(e.isLanguageChangingTo, i) ? !1 : !!(e.hasResourceBundle(s, i) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || c(s, i) && (!n || c(o, i)));
-}, Dt = function(i, e) {
+}, Bt = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   return !e.languages || !e.languages.length ? (Z1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
     lng: t.lng,
     precheck: (n, o) => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && n.services.backendConnector.backend && n.isLanguageChangingTo && !o(n.isLanguageChangingTo, i)) return !1;
     }
-  }) : St(i, e, t);
-}, n1 = (i) => typeof i == "string", Gt = (i) => typeof i == "object" && i !== null, Tt = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Kt = {
+  }) : Kt(i, e, t);
+}, n1 = (i) => typeof i == "string", Pt = (i) => typeof i == "object" && i !== null, Yt = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, $t = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -5838,7 +5894,7 @@ const g2 = (i, e) => () => {
   "&#8230;": "…",
   "&#x2F;": "/",
   "&#47;": "/"
-}, Bt = (i) => Kt[i], Pt = (i) => i.replace(Tt, Bt);
+}, jt = (i) => $t[i], Ft = (i) => i.replace(Yt, jt);
 let S1 = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
@@ -5847,27 +5903,27 @@ let S1 = {
   transWrapTextNodes: "",
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
-  unescape: Pt
+  unescape: Ft
 };
-const Yt = function() {
+const Wt = function() {
   let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   S1 = {
     ...S1,
     ...i
   };
-}, $t = () => S1;
+}, Ut = () => S1;
 let u2;
-const jt = (i) => {
+const zt = (i) => {
   u2 = i;
-}, Ft = () => u2, Ut = {
+}, Jt = () => u2, qt = {
   type: "3rdParty",
   init(i) {
-    Yt(i.options.react), jt(i);
+    Wt(i.options.react), zt(i);
   }
-}, Wt = d1();
-class zt {
+}, Qt = C1();
+class Xt {
   constructor() {
-    T1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
+    K1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
     this.usedNamespaces = {};
   }
   addUsedNamespaces(e) {
@@ -5876,27 +5932,27 @@ class zt {
     });
   }
 }
-const Jt = (i, e) => {
-  const t = q();
-  return K(() => {
+const e7 = (i, e) => {
+  const t = J();
+  return G(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, f2 = (i, e, t, s) => i.getFixedT(e, t, s), qt = (i, e, t, s) => $(f2(i, e, t, s), [i, e, t, s]), Qt = function(i) {
+}, p2 = (i, e, t, s) => i.getFixedT(e, t, s), t7 = (i, e, t, s) => $(p2(i, e, t, s), [i, e, t, s]), i7 = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
   } = e, {
     i18n: s,
     defaultNS: n
-  } = r1(Wt) || {}, o = t || s || Ft();
-  if (o && !o.reportNamespaces && (o.reportNamespaces = new zt()), !o) {
+  } = r1(Qt) || {}, o = t || s || Jt();
+  if (o && !o.reportNamespaces && (o.reportNamespaces = new Xt()), !o) {
     Z1("You will need to pass in an i18next instance by using initReactI18next");
-    const p = (_, R) => n1(R) ? R : Gt(R) && n1(R.defaultValue) ? R.defaultValue : Array.isArray(_) ? _[_.length - 1] : _, x = [p, {}, !1];
-    return x.t = p, x.i18n = {}, x.ready = !1, x;
+    const f = (_, R) => n1(R) ? R : Pt(R) && n1(R.defaultValue) ? R.defaultValue : Array.isArray(_) ? _[_.length - 1] : _, x = [f, {}, !1];
+    return x.t = f, x.i18n = {}, x.ready = !1, x;
   }
   o.options.react && o.options.react.wait !== void 0 && Z1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
-    ...$t(),
+    ...Ut(),
     ...o.options.react,
     ...e
   }, {
@@ -5905,91 +5961,91 @@ const Jt = (i, e) => {
   } = c;
   let d = i;
   d = n1(d) ? [d] : d || ["translation"], o.reportNamespaces.addUsedNamespaces && o.reportNamespaces.addUsedNamespaces(d);
-  const l = (o.isInitialized || o.initializedStoreOnce) && d.every((p) => Dt(p, o, c)), h = qt(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), g = () => h, f = () => f2(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), [k, v] = S(g);
+  const l = (o.isInitialized || o.initializedStoreOnce) && d.every((f) => Bt(f, o, c)), h = t7(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), g = () => h, p = () => p2(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), [w, v] = O(g);
   let m = d.join();
   e.lng && (m = `${e.lng}${m}`);
-  const H = Jt(m), b = q(!0);
-  K(() => {
+  const b = e7(m), y = J(!0);
+  G(() => {
     const {
-      bindI18n: p,
+      bindI18n: f,
       bindI18nStore: x
     } = c;
-    b.current = !0, !l && !a && (e.lng ? z1(o, e.lng, d, () => {
-      b.current && v(f);
-    }) : W1(o, d, () => {
-      b.current && v(f);
-    })), l && H && H !== m && b.current && v(f);
+    y.current = !0, !l && !a && (e.lng ? J1(o, e.lng, d, () => {
+      y.current && v(p);
+    }) : z1(o, d, () => {
+      y.current && v(p);
+    })), l && b && b !== m && y.current && v(p);
     const _ = () => {
-      b.current && v(f);
+      y.current && v(p);
     };
-    return p && o && o.on(p, _), x && o && o.store.on(x, _), () => {
-      b.current = !1, p && o && p.split(" ").forEach((R) => o.off(R, _)), x && o && x.split(" ").forEach((R) => o.store.off(R, _));
+    return f && o && o.on(f, _), x && o && o.store.on(x, _), () => {
+      y.current = !1, f && o && f.split(" ").forEach((R) => o.off(R, _)), x && o && x.split(" ").forEach((R) => o.store.off(R, _));
     };
-  }, [o, m]), K(() => {
-    b.current && l && v(g);
+  }, [o, m]), G(() => {
+    y.current && l && v(g);
   }, [o, C, l]);
-  const A = [k, o, l];
-  if (A.t = k, A.i18n = o, A.ready = l, l || !l && !a) return A;
-  throw new Promise((p) => {
-    e.lng ? z1(o, e.lng, d, () => p()) : W1(o, d, () => p());
+  const A = [w, o, l];
+  if (A.t = w, A.i18n = o, A.ready = l, l || !l && !a) return A;
+  throw new Promise((f) => {
+    e.lng ? J1(o, e.lng, d, () => f()) : z1(o, d, () => f());
   });
-}, M = (i) => typeof i == "string", u1 = () => {
+}, M = (i) => typeof i == "string", p1 = () => {
   let i, e;
   const t = new Promise((s, n) => {
     i = s, e = n;
   });
   return t.resolve = i, t.reject = e, t;
-}, J1 = (i) => i == null ? "" : "" + i, Xt = (i, e, t) => {
+}, q1 = (i) => i == null ? "" : "" + i, s7 = (i, e, t) => {
   i.forEach((s) => {
     e[s] && (t[s] = e[s]);
   });
-}, e7 = /###/g, q1 = (i) => i && i.indexOf("###") > -1 ? i.replace(e7, ".") : i, Q1 = (i) => !i || M(i), m1 = (i, e, t) => {
+}, n7 = /###/g, Q1 = (i) => i && i.indexOf("###") > -1 ? i.replace(n7, ".") : i, X1 = (i) => !i || M(i), w1 = (i, e, t) => {
   const s = M(e) ? e.split(".") : e;
   let n = 0;
   for (; n < s.length - 1; ) {
-    if (Q1(i)) return {};
-    const o = q1(s[n]);
+    if (X1(i)) return {};
+    const o = Q1(s[n]);
     !i[o] && t && (i[o] = new t()), Object.prototype.hasOwnProperty.call(i, o) ? i = i[o] : i = {}, ++n;
   }
-  return Q1(i) ? {} : {
+  return X1(i) ? {} : {
     obj: i,
-    k: q1(s[n])
+    k: Q1(s[n])
   };
-}, X1 = (i, e, t) => {
+}, e2 = (i, e, t) => {
   const {
     obj: s,
     k: n
-  } = m1(i, e, Object);
+  } = w1(i, e, Object);
   if (s !== void 0 || e.length === 1) {
     s[n] = t;
     return;
   }
-  let o = e[e.length - 1], c = e.slice(0, e.length - 1), a = m1(i, c, Object);
+  let o = e[e.length - 1], c = e.slice(0, e.length - 1), a = w1(i, c, Object);
   for (; a.obj === void 0 && c.length; )
-    o = `${c[c.length - 1]}.${o}`, c = c.slice(0, c.length - 1), a = m1(i, c, Object), a && a.obj && typeof a.obj[`${a.k}.${o}`] < "u" && (a.obj = void 0);
+    o = `${c[c.length - 1]}.${o}`, c = c.slice(0, c.length - 1), a = w1(i, c, Object), a && a.obj && typeof a.obj[`${a.k}.${o}`] < "u" && (a.obj = void 0);
   a.obj[`${a.k}.${o}`] = t;
-}, t7 = (i, e, t, s) => {
+}, r7 = (i, e, t, s) => {
   const {
     obj: n,
     k: o
-  } = m1(i, e, Object);
+  } = w1(i, e, Object);
   n[o] = n[o] || [], n[o].push(t);
-}, _1 = (i, e) => {
+}, M1 = (i, e) => {
   const {
     obj: t,
     k: s
-  } = m1(i, e);
+  } = w1(i, e);
   if (t)
     return t[s];
-}, i7 = (i, e, t) => {
-  const s = _1(i, t);
-  return s !== void 0 ? s : _1(e, t);
-}, p2 = (i, e, t) => {
+}, o7 = (i, e, t) => {
+  const s = M1(i, t);
+  return s !== void 0 ? s : M1(e, t);
+}, f2 = (i, e, t) => {
   for (const s in e)
-    s !== "__proto__" && s !== "constructor" && (s in i ? M(i[s]) || i[s] instanceof String || M(e[s]) || e[s] instanceof String ? t && (i[s] = e[s]) : p2(i[s], e[s], t) : i[s] = e[s]);
+    s !== "__proto__" && s !== "constructor" && (s in i ? M(i[s]) || i[s] instanceof String || M(e[s]) || e[s] instanceof String ? t && (i[s] = e[s]) : f2(i[s], e[s], t) : i[s] = e[s]);
   return i;
 }, h1 = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
-var s7 = {
+var a7 = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
@@ -5997,8 +6053,8 @@ var s7 = {
   "'": "&#39;",
   "/": "&#x2F;"
 };
-const n7 = (i) => M(i) ? i.replace(/[&<>"'\/]/g, (e) => s7[e]) : i;
-class r7 {
+const l7 = (i) => M(i) ? i.replace(/[&<>"'\/]/g, (e) => a7[e]) : i;
+class h7 {
   constructor(e) {
     this.capacity = e, this.regExpMap = /* @__PURE__ */ new Map(), this.regExpQueue = [];
   }
@@ -6010,11 +6066,11 @@ class r7 {
     return this.regExpQueue.length === this.capacity && this.regExpMap.delete(this.regExpQueue.shift()), this.regExpMap.set(e, s), this.regExpQueue.push(e), s;
   }
 }
-const o7 = [" ", ",", "?", "!", ";"], a7 = new r7(20), l7 = (i, e, t) => {
+const c7 = [" ", ",", "?", "!", ";"], d7 = new h7(20), C7 = (i, e, t) => {
   e = e || "", t = t || "";
-  const s = o7.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
+  const s = c7.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
   if (s.length === 0) return !0;
-  const n = a7.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
+  const n = d7.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
   let o = !n.test(i);
   if (!o) {
     const c = i.indexOf(t);
@@ -6041,7 +6097,7 @@ const o7 = [" ", ",", "?", "!", ";"], a7 = new r7(20), l7 = (i, e, t) => {
     n = c;
   }
   return n;
-}, M1 = (i) => i && i.replace("_", "-"), h7 = {
+}, b1 = (i) => i && i.replace("_", "-"), g7 = {
   type: "logger",
   log(i) {
     this.output("log", i);
@@ -6056,14 +6112,14 @@ const o7 = [" ", ",", "?", "!", ";"], a7 = new r7(20), l7 = (i, e, t) => {
     console && console[i] && console[i].apply(console, e);
   }
 };
-class b1 {
+class y1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     this.init(e, t);
   }
   init(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.prefix = t.prefix || "i18next:", this.logger = e || h7, this.options = t, this.debug = t.debug;
+    this.prefix = t.prefix || "i18next:", this.logger = e || g7, this.options = t, this.debug = t.debug;
   }
   log() {
     for (var e = arguments.length, t = new Array(e), s = 0; s < e; s++)
@@ -6089,17 +6145,17 @@ class b1 {
     return n && !this.debug ? null : (M(e[0]) && (e[0] = `${s}${this.prefix} ${e[0]}`), this.logger[t](e));
   }
   create(e) {
-    return new b1(this.logger, {
+    return new y1(this.logger, {
       prefix: `${this.prefix}:${e}:`,
       ...this.options
     });
   }
   clone(e) {
-    return e = e || this.options, e.prefix = e.prefix || this.prefix, new b1(this.logger, e);
+    return e = e || this.options, e.prefix = e.prefix || this.prefix, new y1(this.logger, e);
   }
 }
-var X = new b1();
-class V1 {
+var X = new y1();
+class E1 {
   constructor() {
     this.observers = {};
   }
@@ -6133,7 +6189,7 @@ class V1 {
     });
   }
 }
-class e2 extends V1 {
+class t2 extends E1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
       ns: ["translation"],
@@ -6153,7 +6209,7 @@ class e2 extends V1 {
     const o = n.keySeparator !== void 0 ? n.keySeparator : this.options.keySeparator, c = n.ignoreJSONStructure !== void 0 ? n.ignoreJSONStructure : this.options.ignoreJSONStructure;
     let a;
     e.indexOf(".") > -1 ? a = e.split(".") : (a = [e, t], s && (Array.isArray(s) ? a.push(...s) : M(s) && o ? a.push(...s.split(o)) : a.push(s)));
-    const C = _1(this.data, a);
+    const C = M1(this.data, a);
     return !C && !t && !s && e.indexOf(".") > -1 && (e = a[0], t = a[1], s = a.slice(2).join(".")), C || !c || !M(s) ? C : D1(this.data && this.data[e] && this.data[e][t], s, o);
   }
   addResource(e, t, s, n) {
@@ -6162,7 +6218,7 @@ class e2 extends V1 {
     };
     const c = o.keySeparator !== void 0 ? o.keySeparator : this.options.keySeparator;
     let a = [e, t];
-    s && (a = a.concat(c ? s.split(c) : s)), e.indexOf(".") > -1 && (a = e.split("."), n = t, t = a[1]), this.addNamespaces(t), X1(this.data, a, n), o.silent || this.emit("added", e, t, s, n);
+    s && (a = a.concat(c ? s.split(c) : s)), e.indexOf(".") > -1 && (a = e.split("."), n = t, t = a[1]), this.addNamespaces(t), e2(this.data, a, n), o.silent || this.emit("added", e, t, s, n);
   }
   addResources(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {
@@ -6180,11 +6236,11 @@ class e2 extends V1 {
       skipCopy: !1
     }, a = [e, t];
     e.indexOf(".") > -1 && (a = e.split("."), n = s, s = t, t = a[1]), this.addNamespaces(t);
-    let C = _1(this.data, a) || {};
-    c.skipCopy || (s = JSON.parse(JSON.stringify(s))), n ? p2(C, s, o) : C = {
+    let C = M1(this.data, a) || {};
+    c.skipCopy || (s = JSON.parse(JSON.stringify(s))), n ? f2(C, s, o) : C = {
       ...C,
       ...s
-    }, X1(this.data, a, C), c.silent || this.emit("added", e, t, s);
+    }, e2(this.data, a, C), c.silent || this.emit("added", e, t, s);
   }
   removeResourceBundle(e, t) {
     this.hasResourceBundle(e, t) && delete this.data[e][t], this.removeNamespaces(t), this.emit("removed", e, t);
@@ -6219,11 +6275,11 @@ var m2 = {
     }), e;
   }
 };
-const t2 = {};
-class y1 extends V1 {
+const i2 = {};
+class H1 extends E1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    super(), Xt(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = X.create("translator");
+    super(), s7(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = X.create("translator");
   }
   changeLanguage(e) {
     e && (this.language = e);
@@ -6242,7 +6298,7 @@ class y1 extends V1 {
     s === void 0 && (s = ":");
     const n = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator;
     let o = t.ns || this.options.defaultNS || [];
-    const c = s && e.indexOf(s) > -1, a = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !l7(e, s, n);
+    const c = s && e.indexOf(s) > -1, a = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !C7(e, s, n);
     if (c && !a) {
       const C = e.match(this.interpolator.nestingRegexp);
       if (C && C.length > 0)
@@ -6269,15 +6325,15 @@ class y1 extends V1 {
     } = this.extractFromKey(e[e.length - 1], t), C = a[a.length - 1], d = t.lng || this.language, l = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
     if (d && d.toLowerCase() === "cimode") {
       if (l) {
-        const p = t.nsSeparator || this.options.nsSeparator;
+        const f = t.nsSeparator || this.options.nsSeparator;
         return n ? {
-          res: `${C}${p}${c}`,
+          res: `${C}${f}${c}`,
           usedKey: c,
           exactUsedKey: c,
           usedLng: d,
           usedNS: C,
           usedParams: this.getUsedParamsDetails(t)
-        } : `${C}${p}${c}`;
+        } : `${C}${f}${c}`;
       }
       return n ? {
         res: c,
@@ -6290,18 +6346,18 @@ class y1 extends V1 {
     }
     const h = this.resolve(e, t);
     let g = h && h.res;
-    const f = h && h.usedKey || c, k = h && h.exactUsedKey || c, v = Object.prototype.toString.apply(g), m = ["[object Number]", "[object Function]", "[object RegExp]"], H = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, b = !this.i18nFormat || this.i18nFormat.handleAsObject, A = !M(g) && typeof g != "boolean" && typeof g != "number";
-    if (b && g && A && m.indexOf(v) < 0 && !(M(H) && Array.isArray(g))) {
+    const p = h && h.usedKey || c, w = h && h.exactUsedKey || c, v = Object.prototype.toString.apply(g), m = ["[object Number]", "[object Function]", "[object RegExp]"], b = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, y = !this.i18nFormat || this.i18nFormat.handleAsObject, A = !M(g) && typeof g != "boolean" && typeof g != "number";
+    if (y && g && A && m.indexOf(v) < 0 && !(M(b) && Array.isArray(g))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
-        const p = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(f, g, {
+        const f = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, g, {
           ...t,
           ns: a
         }) : `key '${c} (${this.language})' returned an object instead of string.`;
-        return n ? (h.res = p, h.usedParams = this.getUsedParamsDetails(t), h) : p;
+        return n ? (h.res = f, h.usedParams = this.getUsedParamsDetails(t), h) : f;
       }
       if (o) {
-        const p = Array.isArray(g), x = p ? [] : {}, _ = p ? k : f;
+        const f = Array.isArray(g), x = f ? [] : {}, _ = f ? w : p;
         for (const R in g)
           if (Object.prototype.hasOwnProperty.call(g, R)) {
             const j = `${_}${o}${R}`;
@@ -6313,17 +6369,17 @@ class y1 extends V1 {
           }
         g = x;
       }
-    } else if (b && M(H) && Array.isArray(g))
-      g = g.join(H), g && (g = this.extendTranslation(g, e, t, s));
+    } else if (y && M(b) && Array.isArray(g))
+      g = g.join(b), g && (g = this.extendTranslation(g, e, t, s));
     else {
-      let p = !1, x = !1;
-      const _ = t.count !== void 0 && !M(t.count), R = y1.hasDefaultValue(t), j = _ ? this.pluralResolver.getSuffix(d, t.count, t) : "", J = t.ordinal && _ ? this.pluralResolver.getSuffix(d, t.count, {
+      let f = !1, x = !1;
+      const _ = t.count !== void 0 && !M(t.count), R = H1.hasDefaultValue(t), j = _ ? this.pluralResolver.getSuffix(d, t.count, t) : "", q = t.ordinal && _ ? this.pluralResolver.getSuffix(d, t.count, {
         ordinal: !1
-      }) : "", F = _ && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), V = F && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${j}`] || t[`defaultValue${J}`] || t.defaultValue;
-      !this.isValidLookup(g) && R && (p = !0, g = V), this.isValidLookup(g) || (x = !0, g = c);
-      const E = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && x ? void 0 : g, O = R && V !== g && this.options.updateMissing;
-      if (x || p || O) {
-        if (this.logger.log(O ? "updateKey" : "missingKey", d, C, c, O ? V : g), o) {
+      }) : "", F = _ && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), E = F && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${j}`] || t[`defaultValue${q}`] || t.defaultValue;
+      !this.isValidLookup(g) && R && (f = !0, g = E), this.isValidLookup(g) || (x = !0, g = c);
+      const V = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && x ? void 0 : g, Z = R && E !== g && this.options.updateMissing;
+      if (x || f || Z) {
+        if (this.logger.log(Z ? "updateKey" : "missingKey", d, C, c, Z ? E : g), o) {
           const I = this.resolve(c, {
             ...t,
             keySeparator: !1
@@ -6336,18 +6392,18 @@ class y1 extends V1 {
           for (let I = 0; I < B.length; I++)
             D.push(B[I]);
         else this.options.saveMissingTo === "all" ? D = this.languageUtils.toResolveHierarchy(t.lng || this.language) : D.push(t.lng || this.language);
-        const W = (I, Y, P) => {
-          const e1 = R && P !== g ? P : E;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(I, C, Y, e1, O, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(I, C, Y, e1, O, t), this.emit("missingKey", I, C, Y, g);
+        const U = (I, Y, P) => {
+          const e1 = R && P !== g ? P : V;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(I, C, Y, e1, Z, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(I, C, Y, e1, Z, t), this.emit("missingKey", I, C, Y, g);
         };
         this.options.saveMissing && (this.options.saveMissingPlurals && _ ? D.forEach((I) => {
           const Y = this.pluralResolver.getSuffixes(I, t);
           F && t[`defaultValue${this.options.pluralSeparator}zero`] && Y.indexOf(`${this.options.pluralSeparator}zero`) < 0 && Y.push(`${this.options.pluralSeparator}zero`), Y.forEach((P) => {
-            W([I], c + P, t[`defaultValue${P}`] || V);
+            U([I], c + P, t[`defaultValue${P}`] || E);
           });
-        }) : W(D, c, V));
+        }) : U(D, c, E));
       }
-      g = this.extendTranslation(g, e, t, h, s), x && g === c && this.options.appendNamespaceToMissingKey && (g = `${C}:${c}`), (x || p) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? g = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${C}:${c}` : c, p ? g : void 0) : g = this.options.parseMissingKeyHandler(g));
+      g = this.extendTranslation(g, e, t, h, s), x && g === c && this.options.appendNamespaceToMissingKey && (g = `${C}:${c}`), (x || f) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? g = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${C}:${c}` : c, f ? g : void 0) : g = this.options.parseMissingKeyHandler(g));
     }
     return n ? (h.res = g, h.usedParams = this.getUsedParamsDetails(t), h) : g;
   }
@@ -6379,13 +6435,13 @@ class y1 extends V1 {
         ...this.options.interpolation.defaultVariables,
         ...h
       }), e = this.interpolator.interpolate(e, h, s.lng || this.language || n.usedLng, s), d) {
-        const g = e.match(this.interpolator.nestingRegexp), f = g && g.length;
-        l < f && (s.nest = !1);
+        const g = e.match(this.interpolator.nestingRegexp), p = g && g.length;
+        l < p && (s.nest = !1);
       }
       !s.lng && this.options.compatibilityAPI !== "v1" && n && n.res && (s.lng = this.language || n.usedLng), s.nest !== !1 && (e = this.interpolator.nest(e, function() {
-        for (var g = arguments.length, f = new Array(g), k = 0; k < g; k++)
-          f[k] = arguments[k];
-        return o && o[0] === f[0] && !s.context ? (c.logger.warn(`It seems you are nesting recursively key: ${f[0]} in key: ${t[0]}`), null) : c.translate(...f, t);
+        for (var g = arguments.length, p = new Array(g), w = 0; w < g; w++)
+          p[w] = arguments[w];
+        return o && o[0] === p[0] && !s.context ? (c.logger.warn(`It seems you are nesting recursively key: ${p[0]} in key: ${t[0]}`), null) : c.translate(...p, t);
       }, s)), s.interpolation && this.interpolator.reset();
     }
     const a = s.postProcess || this.options.postProcess, C = M(a) ? [a] : a;
@@ -6405,26 +6461,26 @@ class y1 extends V1 {
       n = l;
       let h = d.namespaces;
       this.options.fallbackNS && (h = h.concat(this.options.fallbackNS));
-      const g = t.count !== void 0 && !M(t.count), f = g && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), k = t.context !== void 0 && (M(t.context) || typeof t.context == "number") && t.context !== "", v = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      const g = t.count !== void 0 && !M(t.count), p = g && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), w = t.context !== void 0 && (M(t.context) || typeof t.context == "number") && t.context !== "", v = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
       h.forEach((m) => {
-        this.isValidLookup(s) || (a = m, !t2[`${v[0]}-${m}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(a) && (t2[`${v[0]}-${m}`] = !0, this.logger.warn(`key "${n}" for languages "${v.join(", ")}" won't get resolved as namespace "${a}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), v.forEach((H) => {
+        this.isValidLookup(s) || (a = m, !i2[`${v[0]}-${m}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(a) && (i2[`${v[0]}-${m}`] = !0, this.logger.warn(`key "${n}" for languages "${v.join(", ")}" won't get resolved as namespace "${a}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), v.forEach((b) => {
           if (this.isValidLookup(s)) return;
-          c = H;
-          const b = [l];
+          c = b;
+          const y = [l];
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
-            this.i18nFormat.addLookupKeys(b, l, H, m, t);
+            this.i18nFormat.addLookupKeys(y, l, b, m, t);
           else {
-            let p;
-            g && (p = this.pluralResolver.getSuffix(H, t.count, t));
+            let f;
+            g && (f = this.pluralResolver.getSuffix(b, t.count, t));
             const x = `${this.options.pluralSeparator}zero`, _ = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (g && (b.push(l + p), t.ordinal && p.indexOf(_) === 0 && b.push(l + p.replace(_, this.options.pluralSeparator)), f && b.push(l + x)), k) {
+            if (g && (y.push(l + f), t.ordinal && f.indexOf(_) === 0 && y.push(l + f.replace(_, this.options.pluralSeparator)), p && y.push(l + x)), w) {
               const R = `${l}${this.options.contextSeparator}${t.context}`;
-              b.push(R), g && (b.push(R + p), t.ordinal && p.indexOf(_) === 0 && b.push(R + p.replace(_, this.options.pluralSeparator)), f && b.push(R + x));
+              y.push(R), g && (y.push(R + f), t.ordinal && f.indexOf(_) === 0 && y.push(R + f.replace(_, this.options.pluralSeparator)), p && y.push(R + x));
             }
           }
           let A;
-          for (; A = b.pop(); )
-            this.isValidLookup(s) || (o = A, s = this.getResource(H, m, A, t));
+          for (; A = y.pop(); )
+            this.isValidLookup(s) || (o = A, s = this.getResource(b, m, A, t));
         }));
       });
     }), {
@@ -6467,17 +6523,17 @@ class y1 extends V1 {
   }
 }
 const I1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
-class i2 {
+class s2 {
   constructor(e) {
     this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = X.create("languageUtils");
   }
   getScriptPartFromCode(e) {
-    if (e = M1(e), !e || e.indexOf("-") < 0) return null;
+    if (e = b1(e), !e || e.indexOf("-") < 0) return null;
     const t = e.split("-");
     return t.length === 2 || (t.pop(), t[t.length - 1].toLowerCase() === "x") ? null : this.formatLanguageCode(t.join("-"));
   }
   getLanguagePartFromCode(e) {
-    if (e = M1(e), !e || e.indexOf("-") < 0) return e;
+    if (e = b1(e), !e || e.indexOf("-") < 0) return e;
     const t = e.split("-");
     return this.formatLanguageCode(t[0]);
   }
@@ -6532,7 +6588,7 @@ class i2 {
     }), n;
   }
 }
-let c7 = [{
+let u7 = [{
   lngs: ["ach", "ak", "am", "arn", "br", "fil", "gun", "ln", "mfe", "mg", "mi", "oc", "pt", "pt-BR", "tg", "tl", "ti", "tr", "uz", "wa"],
   nr: [1, 2],
   fc: 1
@@ -6624,7 +6680,7 @@ let c7 = [{
   lngs: ["he", "iw"],
   nr: [1, 2, 20, 21],
   fc: 22
-}], d7 = {
+}], p7 = {
   1: (i) => +(i > 1),
   2: (i) => +(i != 1),
   3: (i) => 0,
@@ -6648,28 +6704,28 @@ let c7 = [{
   21: (i) => i % 100 == 1 ? 1 : i % 100 == 2 ? 2 : i % 100 == 3 || i % 100 == 4 ? 3 : 0,
   22: (i) => i == 1 ? 0 : i == 2 ? 1 : (i < 0 || i > 10) && i % 10 == 0 ? 2 : 3
 };
-const C7 = ["v1", "v2", "v3"], g7 = ["v4"], s2 = {
+const f7 = ["v1", "v2", "v3"], m7 = ["v4"], n2 = {
   zero: 0,
   one: 1,
   two: 2,
   few: 3,
   many: 4,
   other: 5
-}, u7 = () => {
+}, w7 = () => {
   const i = {};
-  return c7.forEach((e) => {
+  return u7.forEach((e) => {
     e.lngs.forEach((t) => {
       i[t] = {
         numbers: e.nr,
-        plurals: d7[e.fc]
+        plurals: p7[e.fc]
       };
     });
   }), i;
 };
-class f7 {
+class L7 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.languageUtils = e, this.options = t, this.logger = X.create("pluralResolver"), (!this.options.compatibilityJSON || g7.includes(this.options.compatibilityJSON)) && (typeof Intl > "u" || !Intl.PluralRules) && (this.options.compatibilityJSON = "v3", this.logger.error("Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling.")), this.rules = u7(), this.pluralRulesCache = {};
+    this.languageUtils = e, this.options = t, this.logger = X.create("pluralResolver"), (!this.options.compatibilityJSON || m7.includes(this.options.compatibilityJSON)) && (typeof Intl > "u" || !Intl.PluralRules) && (this.options.compatibilityJSON = "v3", this.logger.error("Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling.")), this.rules = w7(), this.pluralRulesCache = {};
   }
   addRule(e, t) {
     this.rules[e] = t;
@@ -6680,7 +6736,7 @@ class f7 {
   getRule(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (this.shouldUseIntlApi()) {
-      const s = M1(e === "dev" ? "en" : e), n = t.ordinal ? "ordinal" : "cardinal", o = JSON.stringify({
+      const s = b1(e === "dev" ? "en" : e), n = t.ordinal ? "ordinal" : "cardinal", o = JSON.stringify({
         cleanedCode: s,
         type: n
       });
@@ -6712,7 +6768,7 @@ class f7 {
   getSuffixes(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     const s = this.getRule(e, t);
-    return s ? this.shouldUseIntlApi() ? s.resolvedOptions().pluralCategories.sort((n, o) => s2[n] - s2[o]).map((n) => `${this.options.prepend}${t.ordinal ? `ordinal${this.options.prepend}` : ""}${n}`) : s.numbers.map((n) => this.getSuffix(e, n, t)) : [];
+    return s ? this.shouldUseIntlApi() ? s.resolvedOptions().pluralCategories.sort((n, o) => n2[n] - n2[o]).map((n) => `${this.options.prepend}${t.ordinal ? `ordinal${this.options.prepend}` : ""}${n}`) : s.numbers.map((n) => this.getSuffix(e, n, t)) : [];
   }
   getSuffix(e, t) {
     let s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
@@ -6727,14 +6783,14 @@ class f7 {
     return this.options.compatibilityJSON === "v1" ? n === 1 ? "" : typeof n == "number" ? `_plural_${n.toString()}` : o() : this.options.compatibilityJSON === "v2" || this.options.simplifyPluralSuffix && e.numbers.length === 2 && e.numbers[0] === 1 ? o() : this.options.prepend && s.toString() ? this.options.prepend + s.toString() : s.toString();
   }
   shouldUseIntlApi() {
-    return !C7.includes(this.options.compatibilityJSON);
+    return !f7.includes(this.options.compatibilityJSON);
   }
 }
-const n2 = function(i, e, t) {
-  let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", n = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, o = i7(i, e, t);
+const r2 = function(i, e, t) {
+  let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", n = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, o = o7(i, e, t);
   return !o && n && M(t) && (o = D1(i, t, s), o === void 0 && (o = D1(e, t, s))), o;
 }, A1 = (i) => i.replace(/\$/g, "$$$$");
-class p7 {
+class k7 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     this.logger = X.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
@@ -6756,14 +6812,14 @@ class p7 {
       unescapeSuffix: l,
       unescapePrefix: h,
       nestingPrefix: g,
-      nestingPrefixEscaped: f,
-      nestingSuffix: k,
+      nestingPrefixEscaped: p,
+      nestingSuffix: w,
       nestingSuffixEscaped: v,
       nestingOptionsSeparator: m,
-      maxReplaces: H,
-      alwaysFormat: b
+      maxReplaces: b,
+      alwaysFormat: y
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : n7, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = o ? h1(o) : c || "{{", this.suffix = a ? h1(a) : C || "}}", this.formatSeparator = d || ",", this.unescapePrefix = l ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = g ? h1(g) : f || h1("$t("), this.nestingSuffix = k ? h1(k) : v || h1(")"), this.nestingOptionsSeparator = m || ",", this.maxReplaces = H || 1e3, this.alwaysFormat = b !== void 0 ? b : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : l7, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = o ? h1(o) : c || "{{", this.suffix = a ? h1(a) : C || "}}", this.formatSeparator = d || ",", this.unescapePrefix = l ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = g ? h1(g) : p || h1("$t("), this.nestingSuffix = w ? h1(w) : v || h1(")"), this.nestingOptionsSeparator = m || ",", this.maxReplaces = b || 1e3, this.alwaysFormat = y !== void 0 ? y : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -6774,17 +6830,17 @@ class p7 {
   }
   interpolate(e, t, s, n) {
     let o, c, a;
-    const C = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, d = (f) => {
-      if (f.indexOf(this.formatSeparator) < 0) {
-        const H = n2(t, C, f, this.options.keySeparator, this.options.ignoreJSONStructure);
-        return this.alwaysFormat ? this.format(H, void 0, s, {
+    const C = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, d = (p) => {
+      if (p.indexOf(this.formatSeparator) < 0) {
+        const b = r2(t, C, p, this.options.keySeparator, this.options.ignoreJSONStructure);
+        return this.alwaysFormat ? this.format(b, void 0, s, {
           ...n,
           ...t,
-          interpolationkey: f
-        }) : H;
+          interpolationkey: p
+        }) : b;
       }
-      const k = f.split(this.formatSeparator), v = k.shift().trim(), m = k.join(this.formatSeparator).trim();
-      return this.format(n2(t, C, v, this.options.keySeparator, this.options.ignoreJSONStructure), m, s, {
+      const w = p.split(this.formatSeparator), v = w.shift().trim(), m = w.join(this.formatSeparator).trim();
+      return this.format(r2(t, C, v, this.options.keySeparator, this.options.ignoreJSONStructure), m, s, {
         ...n,
         ...t,
         interpolationkey: v
@@ -6794,27 +6850,27 @@ class p7 {
     const l = n && n.missingInterpolationHandler || this.options.missingInterpolationHandler, h = n && n.interpolation && n.interpolation.skipOnVariables !== void 0 ? n.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
     return [{
       regex: this.regexpUnescape,
-      safeValue: (f) => A1(f)
+      safeValue: (p) => A1(p)
     }, {
       regex: this.regexp,
-      safeValue: (f) => this.escapeValue ? A1(this.escape(f)) : A1(f)
-    }].forEach((f) => {
-      for (a = 0; o = f.regex.exec(e); ) {
-        const k = o[1].trim();
-        if (c = d(k), c === void 0)
+      safeValue: (p) => this.escapeValue ? A1(this.escape(p)) : A1(p)
+    }].forEach((p) => {
+      for (a = 0; o = p.regex.exec(e); ) {
+        const w = o[1].trim();
+        if (c = d(w), c === void 0)
           if (typeof l == "function") {
             const m = l(e, o, n);
             c = M(m) ? m : "";
-          } else if (n && Object.prototype.hasOwnProperty.call(n, k))
+          } else if (n && Object.prototype.hasOwnProperty.call(n, w))
             c = "";
           else if (h) {
             c = o[0];
             continue;
           } else
-            this.logger.warn(`missed to pass in variable ${k} for interpolating ${e}`), c = "";
-        else !M(c) && !this.useRawValueToEscape && (c = J1(c));
-        const v = f.safeValue(c);
-        if (e = e.replace(o[0], v), h ? (f.regex.lastIndex += c.length, f.regex.lastIndex -= o[0].length) : f.regex.lastIndex = 0, a++, a >= this.maxReplaces)
+            this.logger.warn(`missed to pass in variable ${w} for interpolating ${e}`), c = "";
+        else !M(c) && !this.useRawValueToEscape && (c = q1(c));
+        const v = p.safeValue(c);
+        if (e = e.replace(o[0], v), h ? (p.regex.lastIndex += c.length, p.regex.lastIndex -= o[0].length) : p.regex.lastIndex = 0, a++, a >= this.maxReplaces)
           break;
       }
     }), e;
@@ -6827,8 +6883,8 @@ class p7 {
       const h = C.split(new RegExp(`${l}[ ]*{`));
       let g = `{${h[1]}`;
       C = h[0], g = this.interpolate(g, c);
-      const f = g.match(/'/g), k = g.match(/"/g);
-      (f && f.length % 2 === 0 && !k || k.length % 2 !== 0) && (g = g.replace(/'/g, '"'));
+      const p = g.match(/'/g), w = g.match(/"/g);
+      (p && p.length % 2 === 0 && !w || w.length % 2 !== 0) && (g = g.replace(/'/g, '"'));
       try {
         c = JSON.parse(g), d && (c = {
           ...d,
@@ -6850,7 +6906,7 @@ class p7 {
         n[1] = l.shift(), C = l, d = !0;
       }
       if (o = t(a.call(this, n[1].trim(), c), c), o && n[0] === e && !M(o)) return o;
-      M(o) || (o = J1(o)), o || (this.logger.warn(`missed to resolve ${n[1]} for nesting ${e}`), o = ""), d && (o = C.reduce((l, h) => this.format(l, h, s.lng, {
+      M(o) || (o = q1(o)), o || (this.logger.warn(`missed to resolve ${n[1]} for nesting ${e}`), o = ""), d && (o = C.reduce((l, h) => this.format(l, h, s.lng, {
         ...s,
         interpolationkey: n[1].trim()
       }), o.trim())), e = e.replace(n[0], o), this.regexp.lastIndex = 0;
@@ -6858,7 +6914,7 @@ class p7 {
     return e;
   }
 }
-const m7 = (i) => {
+const v7 = (i) => {
   let e = i.toLowerCase().trim();
   const t = {};
   if (i.indexOf("(") > -1) {
@@ -6886,10 +6942,10 @@ const m7 = (i) => {
     });
     const c = s + JSON.stringify(o);
     let a = e[c];
-    return a || (a = i(M1(s), n), e[c] = a), a(t);
+    return a || (a = i(b1(s), n), e[c] = a), a(t);
   };
 };
-class w7 {
+class N7 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     this.logger = X.create("formatter"), this.options = e, this.formats = {
@@ -6949,12 +7005,12 @@ class w7 {
       const {
         formatName: d,
         formatOptions: l
-      } = m7(C);
+      } = v7(C);
       if (this.formats[d]) {
         let h = a;
         try {
-          const g = n && n.formatParams && n.formatParams[n.interpolationkey] || {}, f = g.locale || g.lng || n.locale || n.lng || s;
-          h = this.formats[d](a, f, {
+          const g = n && n.formatParams && n.formatParams[n.interpolationkey] || {}, p = g.locale || g.lng || n.locale || n.lng || s;
+          h = this.formats[d](a, p, {
             ...l,
             ...n,
             ...g
@@ -6969,10 +7025,10 @@ class w7 {
     }, e);
   }
 }
-const L7 = (i, e) => {
+const R7 = (i, e) => {
   i.pending[e] !== void 0 && (delete i.pending[e], i.pendingCount--);
 };
-class k7 extends V1 {
+class x7 extends E1 {
   constructor(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
     super(), this.backend = e, this.store = t, this.services = s, this.languageUtils = s.languageUtils, this.options = n, this.logger = X.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = n.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = n.maxRetries >= 0 ? n.maxRetries : 5, this.retryTimeout = n.retryTimeout >= 1 ? n.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, n.backend, n);
@@ -7005,7 +7061,7 @@ class k7 extends V1 {
     }), this.state[e] = t ? -1 : 2, t && s && (this.state[e] = 0);
     const a = {};
     this.queue.forEach((C) => {
-      t7(C.loaded, [o], c), L7(C, e), t && C.errors.push(t), C.pendingCount === 0 && !C.done && (Object.keys(C.loaded).forEach((d) => {
+      r7(C.loaded, [o], c), R7(C, e), t && C.errors.push(t), C.pendingCount === 0 && !C.done && (Object.keys(C.loaded).forEach((d) => {
         a[d] || (a[d] = {});
         const l = C.loaded[d];
         l.length && l.forEach((h) => {
@@ -7107,7 +7163,7 @@ class k7 extends V1 {
     }
   }
 }
-const r2 = () => ({
+const o2 = () => ({
   debug: !1,
   initImmediate: !0,
   ns: ["translation"],
@@ -7163,18 +7219,18 @@ const r2 = () => ({
     maxReplaces: 1e3,
     skipOnVariables: !0
   }
-}), o2 = (i) => (M(i.ns) && (i.ns = [i.ns]), M(i.fallbackLng) && (i.fallbackLng = [i.fallbackLng]), M(i.fallbackNS) && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), R1 = () => {
-}, v7 = (i) => {
+}), a2 = (i) => (M(i.ns) && (i.ns = [i.ns]), M(i.fallbackLng) && (i.fallbackLng = [i.fallbackLng]), M(i.fallbackNS) && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), x1 = () => {
+}, _7 = (i) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(i)).forEach((t) => {
     typeof i[t] == "function" && (i[t] = i[t].bind(i));
   });
 };
-class w1 extends V1 {
+class L1 extends E1 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    if (super(), this.options = o2(e), this.services = {}, this.logger = X, this.modules = {
+    if (super(), this.options = a2(e), this.services = {}, this.logger = X, this.modules = {
       external: []
-    }, v7(this), t && !this.isInitialized && !e.isClone) {
+    }, _7(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initImmediate)
         return this.init(e, t), this;
       setTimeout(() => {
@@ -7186,11 +7242,11 @@ class w1 extends V1 {
     var e = this;
     let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, s = arguments.length > 1 ? arguments[1] : void 0;
     this.isInitializing = !0, typeof t == "function" && (s = t, t = {}), !t.defaultNS && t.defaultNS !== !1 && t.ns && (M(t.ns) ? t.defaultNS = t.ns : t.ns.indexOf("translation") < 0 && (t.defaultNS = t.ns[0]));
-    const n = r2();
+    const n = o2();
     this.options = {
       ...n,
       ...this.options,
-      ...o2(t)
+      ...a2(t)
     }, this.options.compatibilityAPI !== "v1" && (this.options.interpolation = {
       ...n.interpolation,
       ...this.options.interpolation
@@ -7199,29 +7255,29 @@ class w1 extends V1 {
     if (!this.options.isClone) {
       this.modules.logger ? X.init(o(this.modules.logger), this.options) : X.init(null, this.options);
       let l;
-      this.modules.formatter ? l = this.modules.formatter : typeof Intl < "u" && (l = w7);
-      const h = new i2(this.options);
-      this.store = new e2(this.options.resources, this.options);
+      this.modules.formatter ? l = this.modules.formatter : typeof Intl < "u" && (l = N7);
+      const h = new s2(this.options);
+      this.store = new t2(this.options.resources, this.options);
       const g = this.services;
-      g.logger = X, g.resourceStore = this.store, g.languageUtils = h, g.pluralResolver = new f7(h, {
+      g.logger = X, g.resourceStore = this.store, g.languageUtils = h, g.pluralResolver = new L7(h, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
-      }), l && (!this.options.interpolation.format || this.options.interpolation.format === n.interpolation.format) && (g.formatter = o(l), g.formatter.init(g, this.options), this.options.interpolation.format = g.formatter.format.bind(g.formatter)), g.interpolator = new p7(this.options), g.utils = {
+      }), l && (!this.options.interpolation.format || this.options.interpolation.format === n.interpolation.format) && (g.formatter = o(l), g.formatter.init(g, this.options), this.options.interpolation.format = g.formatter.format.bind(g.formatter)), g.interpolator = new k7(this.options), g.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      }, g.backendConnector = new k7(o(this.modules.backend), g.resourceStore, g, this.options), g.backendConnector.on("*", function(f) {
-        for (var k = arguments.length, v = new Array(k > 1 ? k - 1 : 0), m = 1; m < k; m++)
+      }, g.backendConnector = new x7(o(this.modules.backend), g.resourceStore, g, this.options), g.backendConnector.on("*", function(p) {
+        for (var w = arguments.length, v = new Array(w > 1 ? w - 1 : 0), m = 1; m < w; m++)
           v[m - 1] = arguments[m];
-        e.emit(f, ...v);
-      }), this.modules.languageDetector && (g.languageDetector = o(this.modules.languageDetector), g.languageDetector.init && g.languageDetector.init(g, this.options.detection, this.options)), this.modules.i18nFormat && (g.i18nFormat = o(this.modules.i18nFormat), g.i18nFormat.init && g.i18nFormat.init(this)), this.translator = new y1(this.services, this.options), this.translator.on("*", function(f) {
-        for (var k = arguments.length, v = new Array(k > 1 ? k - 1 : 0), m = 1; m < k; m++)
+        e.emit(p, ...v);
+      }), this.modules.languageDetector && (g.languageDetector = o(this.modules.languageDetector), g.languageDetector.init && g.languageDetector.init(g, this.options.detection, this.options)), this.modules.i18nFormat && (g.i18nFormat = o(this.modules.i18nFormat), g.i18nFormat.init && g.i18nFormat.init(this)), this.translator = new H1(this.services, this.options), this.translator.on("*", function(p) {
+        for (var w = arguments.length, v = new Array(w > 1 ? w - 1 : 0), m = 1; m < w; m++)
           v[m - 1] = arguments[m];
-        e.emit(f, ...v);
-      }), this.modules.external.forEach((f) => {
-        f.init && f.init(this);
+        e.emit(p, ...v);
+      }), this.modules.external.forEach((p) => {
+        p.init && p.init(this);
       });
     }
-    if (this.format = this.options.interpolation.format, s || (s = R1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
+    if (this.format = this.options.interpolation.format, s || (s = x1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
       const l = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
       l.length > 0 && l[0] !== "dev" && (this.options.lng = l[0]);
     }
@@ -7234,7 +7290,7 @@ class w1 extends V1 {
         return e.store[l](...arguments), e;
       };
     });
-    const C = u1(), d = () => {
+    const C = p1(), d = () => {
       const l = (h, g) => {
         this.isInitializing = !1, this.isInitialized && !this.initializedStoreOnce && this.logger.warn("init: i18next is already initialized. You should call init just once!"), this.isInitialized = !0, this.options.isClone || this.logger.log("initialized", this.options), this.emit("initialized", this.options), C.resolve(g), s(h, g);
       };
@@ -7244,7 +7300,7 @@ class w1 extends V1 {
     return this.options.resources || !this.options.initImmediate ? d() : setTimeout(d, 0), C;
   }
   loadResources(e) {
-    let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : R1;
+    let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : x1;
     const n = M(e) ? e : this.language;
     if (typeof e == "function" && (s = e), !this.options.resources || this.options.partialBundledLanguages) {
       if (n && n.toLowerCase() === "cimode" && (!this.options.preload || this.options.preload.length === 0)) return s();
@@ -7261,8 +7317,8 @@ class w1 extends V1 {
       s(null);
   }
   reloadResources(e, t, s) {
-    const n = u1();
-    return typeof e == "function" && (s = e, e = void 0), typeof t == "function" && (s = t, t = void 0), e || (e = this.languages), t || (t = this.options.ns), s || (s = R1), this.services.backendConnector.reload(e, t, (o) => {
+    const n = p1();
+    return typeof e == "function" && (s = e, e = void 0), typeof t == "function" && (s = t, t = void 0), e || (e = this.languages), t || (t = this.options.ns), s || (s = x1), this.services.backendConnector.reload(e, t, (o) => {
       n.resolve(), s(o);
     }), n;
   }
@@ -7284,7 +7340,7 @@ class w1 extends V1 {
   changeLanguage(e, t) {
     var s = this;
     this.isLanguageChangingTo = e;
-    const n = u1();
+    const n = p1();
     this.emit("languageChanging", e);
     const o = (C) => {
       this.language = C, this.languages = this.services.languageUtils.toResolveHierarchy(C), this.resolvedLanguage = void 0, this.setResolvedLanguage(C);
@@ -7317,8 +7373,8 @@ class w1 extends V1 {
         };
       C.lng = C.lng || o.lng, C.lngs = C.lngs || o.lngs, C.ns = C.ns || o.ns, C.keyPrefix !== "" && (C.keyPrefix = C.keyPrefix || s || o.keyPrefix);
       const g = n.options.keySeparator || ".";
-      let f;
-      return C.keyPrefix && Array.isArray(c) ? f = c.map((k) => `${C.keyPrefix}${g}${k}`) : f = C.keyPrefix ? `${C.keyPrefix}${g}${c}` : c, n.t(f, C);
+      let p;
+      return C.keyPrefix && Array.isArray(c) ? p = c.map((w) => `${C.keyPrefix}${g}${w}`) : p = C.keyPrefix ? `${C.keyPrefix}${g}${c}` : c, n.t(p, C);
     };
     return M(e) ? o.lng = e : o.lngs = e, o.ns = t, o.keyPrefix = s, o;
   }
@@ -7350,7 +7406,7 @@ class w1 extends V1 {
     return !!(this.hasResourceBundle(s, e) || !this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages || c(s, e) && (!n || c(o, e)));
   }
   loadNamespaces(e, t) {
-    const s = u1();
+    const s = p1();
     return this.options.ns ? (M(e) && (e = [e]), e.forEach((n) => {
       this.options.ns.indexOf(n) < 0 && this.options.ns.push(n);
     }), this.loadResources((n) => {
@@ -7358,7 +7414,7 @@ class w1 extends V1 {
     }), s) : (t && t(), Promise.resolve());
   }
   loadLanguages(e, t) {
-    const s = u1();
+    const s = p1();
     M(e) && (e = [e]);
     const n = this.options.preload || [], o = e.filter((c) => n.indexOf(c) < 0 && this.services.languageUtils.isSupportedCode(c));
     return o.length ? (this.options.preload = n.concat(o), this.loadResources((c) => {
@@ -7367,29 +7423,29 @@ class w1 extends V1 {
   }
   dir(e) {
     if (e || (e = this.resolvedLanguage || (this.languages && this.languages.length > 0 ? this.languages[0] : this.language)), !e) return "rtl";
-    const t = ["ar", "shu", "sqr", "ssh", "xaa", "yhd", "yud", "aao", "abh", "abv", "acm", "acq", "acw", "acx", "acy", "adf", "ads", "aeb", "aec", "afb", "ajp", "apc", "apd", "arb", "arq", "ars", "ary", "arz", "auz", "avl", "ayh", "ayl", "ayn", "ayp", "bbz", "pga", "he", "iw", "ps", "pbt", "pbu", "pst", "prp", "prd", "ug", "ur", "ydd", "yds", "yih", "ji", "yi", "hbo", "men", "xmn", "fa", "jpr", "peo", "pes", "prs", "dv", "sam", "ckb"], s = this.services && this.services.languageUtils || new i2(r2());
+    const t = ["ar", "shu", "sqr", "ssh", "xaa", "yhd", "yud", "aao", "abh", "abv", "acm", "acq", "acw", "acx", "acy", "adf", "ads", "aeb", "aec", "afb", "ajp", "apc", "apd", "arb", "arq", "ars", "ary", "arz", "auz", "avl", "ayh", "ayl", "ayn", "ayp", "bbz", "pga", "he", "iw", "ps", "pbt", "pbu", "pst", "prp", "prd", "ug", "ur", "ydd", "yds", "yih", "ji", "yi", "hbo", "men", "xmn", "fa", "jpr", "peo", "pes", "prs", "dv", "sam", "ckb"], s = this.services && this.services.languageUtils || new s2(o2());
     return t.indexOf(s.getLanguagePartFromCode(e)) > -1 || e.toLowerCase().indexOf("-arab") > 1 ? "rtl" : "ltr";
   }
   static createInstance() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    return new w1(e, t);
+    return new L1(e, t);
   }
   cloneInstance() {
-    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : R1;
+    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : x1;
     const s = e.forkResourceStore;
     s && delete e.forkResourceStore;
     const n = {
       ...this.options,
       ...e,
       isClone: !0
-    }, o = new w1(n);
+    }, o = new L1(n);
     return (e.debug !== void 0 || e.prefix !== void 0) && (o.logger = o.logger.clone(e)), ["store", "services", "language"].forEach((a) => {
       o[a] = this[a];
     }), o.services = {
       ...this.services
     }, o.services.utils = {
       hasLoadedNamespace: o.hasLoadedNamespace.bind(o)
-    }, s && (o.store = new e2(this.store.data, n), o.services.resourceStore = o.store), o.translator = new y1(o.services, n), o.translator.on("*", function(a) {
+    }, s && (o.store = new t2(this.store.data, n), o.services.resourceStore = o.store), o.translator = new H1(o.services, n), o.translator.on("*", function(a) {
       for (var C = arguments.length, d = new Array(C > 1 ? C - 1 : 0), l = 1; l < C; l++)
         d[l - 1] = arguments[l];
       o.emit(a, ...d);
@@ -7407,42 +7463,42 @@ class w1 extends V1 {
     };
   }
 }
-const U = w1.createInstance();
-U.createInstance = w1.createInstance;
-U.createInstance;
-U.dir;
-U.init;
-U.loadResources;
-U.reloadResources;
-U.use;
-U.changeLanguage;
-U.getFixedT;
-U.t;
-U.exists;
-U.setDefaultNamespace;
-U.hasLoadedNamespace;
-U.loadNamespaces;
-U.loadLanguages;
-const N7 = "Archived", R7 = "Deleted", x7 = {
-  archived: N7,
-  deleted: R7
-}, _7 = "Заархивирован", M7 = "Удалён", b7 = {
-  archived: _7,
-  deleted: M7
+const W = L1.createInstance();
+W.createInstance = L1.createInstance;
+W.createInstance;
+W.dir;
+W.init;
+W.loadResources;
+W.reloadResources;
+W.use;
+W.changeLanguage;
+W.getFixedT;
+W.t;
+W.exists;
+W.setDefaultNamespace;
+W.hasLoadedNamespace;
+W.loadNamespaces;
+W.loadLanguages;
+const M7 = "Archived", b7 = "Deleted", y7 = {
+  archived: M7,
+  deleted: b7
+}, H7 = "Заархивирован", E7 = "Удалён", V7 = {
+  archived: H7,
+  deleted: E7
 };
-U.use(Ut).init({
+W.use(qt).init({
   defaultNS: "common",
   lng: "en",
   resources: {
     en: {
-      common: x7
+      common: y7
     },
     ru: {
-      common: b7
+      common: V7
     }
   }
 });
-const O7 = L1(
+const G7 = d1(
   ({
     fetchParams: i,
     mode: e = void 0,
@@ -7457,33 +7513,33 @@ const O7 = L1(
     required: l,
     error: h
   }, g) => {
-    const { axiosPeople: f, locale: k } = r1(y2), { t: v } = Qt("common", { lng: k }), [m, H] = S([]), [b, A] = S(!0), p = q(m), x = q(null);
-    if (H1(g, () => x.current), !f)
+    const { axiosPeople: p, locale: w } = r1(y2), { t: v } = i7("common", { lng: w }), [m, b] = O([]), [y, A] = O(!0), f = J(m), x = J(null);
+    if (k1(g, () => x.current), !p)
       throw new Error(
         `UserSelect requires "axiosPeople" to fetch users.
                 Please provide it via SNMTUiContext.`
       );
     const _ = $(
-      (V) => {
-        let G = "";
-        return V.deletedAt && (G += `[${v("deleted")}] `), V.status === x1.ARCHIVED && (G += `[${v("archived")}] `), `${G}${V.firstName} ${V.lastName}`;
+      (E) => {
+        let T = "";
+        return E.deletedAt && (T += `[${v("deleted")}] `), E.status === _1.ARCHIVED && (T += `[${v("archived")}] `), `${T}${E.firstName} ${E.lastName}`;
       },
       [v]
     ), R = $(
       async ({
-        offset: V,
-        limit: G,
-        search: E
+        offset: E,
+        limit: T,
+        search: V
       }) => {
-        var O, D, B;
+        var Z, D, B;
         try {
-          const W = await f.post("v1/users/search", {
-            offset: V,
-            limit: G,
-            search: E,
+          const U = await p.post("v1/users/search", {
+            offset: E,
+            limit: T,
+            search: V,
             ...i,
             includeCount: !0
-          }), { data: I, metadata: Y } = W.data;
+          }), { data: I, metadata: Y } = U.data;
           return {
             options: I.map((P) => ({
               value: P.id,
@@ -7492,83 +7548,83 @@ const O7 = L1(
             })),
             count: Y.count
           };
-        } catch (W) {
+        } catch (U) {
           return c && c({
-            status: ((O = W.response) == null ? void 0 : O.status) ?? 500,
-            message: ((B = (D = W.response) == null ? void 0 : D.data) == null ? void 0 : B.message) ?? "Error while fetching options"
+            status: ((Z = U.response) == null ? void 0 : Z.status) ?? 500,
+            message: ((B = (D = U.response) == null ? void 0 : D.data) == null ? void 0 : B.message) ?? "Error while fetching options"
           }), {
             options: [],
             count: 0
           };
         }
       },
-      [f, i, _, C, c]
+      [p, i, _, C, c]
     ), j = $(
-      async (V) => {
-        var G, E, O;
+      async (E) => {
+        var T, V, Z;
         try {
-          const D = V.filter(
-            (I) => !p.current.some((Y) => Y.value === I)
+          const D = E.filter(
+            (I) => !f.current.some((Y) => Y.value === I)
           );
           let B = [];
-          D.length && (B = (await f.post("v1/users/search", {
+          D.length && (B = (await p.post("v1/users/search", {
             filters: {
               id: D,
-              status: [x1.ACTIVE, x1.ARCHIVED]
+              status: [_1.ACTIVE, _1.ARCHIVED]
             }
           })).data.data);
-          const W = B.map((I) => ({
+          const U = B.map((I) => ({
             value: I.id,
             label: _(I),
             image: C ? I.avatarUrl : void 0
           }));
-          return [...p.current, ...W];
+          return [...f.current, ...U];
         } catch (D) {
           return c && c({
-            status: ((G = D.response) == null ? void 0 : G.status) ?? 500,
-            message: ((O = (E = D.response) == null ? void 0 : E.data) == null ? void 0 : O.message) ?? "Error while fetching selected items"
+            status: ((T = D.response) == null ? void 0 : T.status) ?? 500,
+            message: ((Z = (V = D.response) == null ? void 0 : V.data) == null ? void 0 : Z.message) ?? "Error while fetching selected items"
           }), [];
         }
       },
-      [f, _, c, C]
+      [p, _, c, C]
     );
-    K(() => {
-      p.current = m;
-    }, [m]), K(() => {
-      var V;
-      (V = x.current) == null || V.refetchOptions();
-    }, [i]), K(() => {
+    G(() => {
+      f.current = m;
+    }, [m]), G(() => {
+      var E;
+      (E = x.current) == null || E.refetchOptions();
+    }, [i]), G(() => {
       if (!n) {
         A(!1);
         return;
       }
       (async () => {
-        const G = Array.isArray(n) ? n : [n], E = await j(G);
-        H(E), A(!1);
+        const T = Array.isArray(n) ? n : [n], V = await j(T);
+        b(V), A(!1);
       })();
     }, [j, n]);
-    const J = $(
+    const q = $(
       async ({
-        limit: V,
-        offset: G,
-        search: E
+        limit: E,
+        offset: T,
+        search: V
       }) => {
-        const { count: O, ...D } = await R({
-          offset: G,
-          limit: V,
-          search: E
+        const { count: Z, ...D } = await R({
+          offset: T,
+          limit: E,
+          search: V
         });
         let B = D.options;
-        return a && G === 0 && (B = [{ value: null, label: "None" }, ...B]), {
+        return a && T === 0 && (B = [{ value: null, label: "None" }, ...B]), {
           options: B,
-          count: O,
-          limit: V
+          count: Z,
+          limit: E
         };
       },
       [a, R]
     );
-    if (b)
-      return /* @__PURE__ */ r(Ot, {});
+    if (y)
+      return /* @__PURE__ */ r(Gt, {});
     const F = {
       ref: x,
       placeholder: t,
@@ -7578,24 +7634,24 @@ const O7 = L1(
       error: h
     };
     return e ? /* @__PURE__ */ r(
-      F1,
+      W1,
       {
         ...F,
         mode: e,
         value: n,
         onChange: o,
-        loadOptions: J,
+        loadOptions: q,
         preloadOptions: !0,
         extraOptions: m
       }
     ) : /* @__PURE__ */ r(
-      F1,
+      W1,
       {
         ...F,
         value: n,
         mode: void 0,
         onChange: o,
-        loadOptions: J,
+        loadOptions: q,
         preloadOptions: !0,
         extraOptions: m
       }
@@ -7603,5 +7659,5 @@ const O7 = L1(
   }
 );
 export {
-  O7 as UserSelect
+  G7 as UserSelect
 };