@snmt-react-ui/user-select 2.9.12 → 2.9.14

package/dist/user-select.js

@@ -3,11 +3,11 @@ var k2 = (i, e, t) => e in i ? L2(i, e, { enumerable: !0, configurable: !0, writ
 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 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 { forwardRef as d1, useState as O, useRef as J, useCallback as P, 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, 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() {
+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, A2 = (i, e, t) => E2(i, e + "", t), V2 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function I2() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
       e[t] = arguments[t];
@@ -18,7 +18,7 @@ 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]) && B1[e[0]] || (s1(e[0]) && (B1[e[0]] = /* @__PURE__ */ new Date()), A2(...e));
+  s1(e[0]) && B1[e[0]] || (s1(e[0]) && (B1[e[0]] = /* @__PURE__ */ new Date()), I2(...e));
 }
 const l2 = (i, e) => () => {
   if (i.isInitialized)
@@ -31,9 +31,9 @@ const l2 = (i, e) => () => {
     };
     i.on("initialized", t);
   }
-}, P1 = (i, e, t) => {
+}, Y1 = (i, e, t) => {
   i.loadNamespaces(e, l2(i, t));
-}, Y1 = (i, e, t, s) => {
+}, $1 = (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));
@@ -41,11 +41,11 @@ const l2 = (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;
-  const c = (a, C) => {
+  const h = (a, C) => {
     const d = e.services.backendConnector.state[`${a}|${C}`];
     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)));
+  return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !h(e.isLanguageChangingTo, i) ? !1 : !!(e.hasResourceBundle(s, i) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || h(s, i) && (!n || h(o, i)));
 }, Z2 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   return !e.languages || !e.languages.length ? (O1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
@@ -86,12 +86,12 @@ let B2 = {
   useSuspense: !0,
   unescape: K2
 };
-const P2 = () => B2;
-let Y2;
-const $2 = () => Y2, j2 = C1();
+const Y2 = () => B2;
+let $2;
+const P2 = () => $2, j2 = C1();
 class F2 {
   constructor() {
-    V2(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
+    A2(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
   }
   addUsedNamespaces(e) {
     e.forEach((t) => {
@@ -104,31 +104,31 @@ const W2 = (i, e) => {
   return G(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, 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) {
+}, c2 = (i, e, t, s) => i.getFixedT(e, t, s), U2 = (i, e, t, s) => P(c2(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
   } = e, {
     i18n: s,
     defaultNS: n
-  } = r1(j2) || {}, o = t || s || $2();
+  } = r1(j2) || {}, o = t || s || P2();
   if (o && !o.reportNamespaces && (o.reportNamespaces = new F2()), !o) {
     O1("You will need to pass in an i18next instance by using initReactI18next");
     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 = {
-    ...P2(),
+  const h = {
+    ...Y2(),
     ...o.options.react,
     ...e
   }, {
     useSuspense: a,
     keyPrefix: C
-  } = c;
+  } = h;
   let d = i;
   d = s1(d) ? [d] : d || ["translation"], o.reportNamespaces.addUsedNamespaces && o.reportNamespaces.addUsedNamespaces(d);
-  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);
+  const l = (o.isInitialized || o.initializedStoreOnce) && d.every((f) => Z2(f, o, h)), c = U2(o, e.lng || null, h.nsMode === "fallback" ? d : d[0], C), g = () => c, p = () => c2(o, e.lng || null, h.nsMode === "fallback" ? d : d[0], C), [w, v] = O(g);
   let m = d.join();
   e.lng && (m = `${e.lng}${m}`);
   const b = W2(m), y = J(!0);
@@ -136,10 +136,10 @@ const W2 = (i, e) => {
     const {
       bindI18n: f,
       bindI18nStore: x
-    } = c;
-    y.current = !0, !l && !a && (e.lng ? Y1(o, e.lng, d, () => {
+    } = h;
+    y.current = !0, !l && !a && (e.lng ? $1(o, e.lng, d, () => {
       y.current && v(p);
-    }) : P1(o, d, () => {
+    }) : Y1(o, d, () => {
       y.current && v(p);
     })), l && b && b !== m && y.current && v(p);
     const _ = () => {
@@ -151,10 +151,10 @@ const W2 = (i, e) => {
   }, [o, m]), G(() => {
     y.current && l && v(g);
   }, [o, C, l]);
-  const A = [w, o, l];
-  if (A.t = w, A.i18n = o, A.ready = l, l || !l && !a) return A;
+  const I = [w, o, l];
+  if (I.t = w, I.i18n = o, I.ready = l, l || !l && !a) return I;
   throw new Promise((f) => {
-    e.lng ? Y1(o, e.lng, d, () => f()) : P1(o, d, () => f());
+    e.lng ? $1(o, e.lng, d, () => f()) : Y1(o, d, () => f());
   });
 }, f1 = ({
   children: i,
@@ -163,7 +163,7 @@ const W2 = (i, e) => {
   alignItems: s = "normal",
   justifyContent: n = "normal",
   flex: o,
-  gap: c,
+  gap: h,
   padding: a
 }) => /* @__PURE__ */ r(
   x2,
@@ -174,7 +174,7 @@ const W2 = (i, e) => {
     align: s,
     justify: n,
     flex: o,
-    gap: c,
+    gap: h,
     style: { padding: a },
     children: i
   }
@@ -192,7 +192,7 @@ const W2 = (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 || {});
+var Q = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_0_5 = "var(--blue-light-0-5)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(Q || {});
 const T1 = C1({
   locale: "en",
   theme: "light"
@@ -211,18 +211,18 @@ const { Title: q2, Text: Q2 } = G1, X2 = {
     children: s,
     onClick: n,
     collapsed: o,
-    whiteSpace: c = "normal",
+    whiteSpace: h = "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);
+    const [l, c] = O(!1);
     G(() => {
       var v;
       if (!a) return;
       const m = () => {
-        d.current && h(d.current.scrollWidth > d.current.clientWidth);
+        d.current && c(d.current.scrollWidth > d.current.clientWidth);
       };
       m();
       const b = new ResizeObserver(m);
@@ -235,7 +235,7 @@ const { Title: q2, Text: Q2 } = G1, X2 = {
     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" : "" },
+      style: { color: t, whiteSpace: a ? "nowrap" : h, display: a ? "block" : "" },
       onClick: n,
       ref: d,
       ellipsis: a && l ? {
@@ -255,7 +255,7 @@ const { Title: q2, Text: Q2 } = G1, X2 = {
   disabled: n = !1,
   disableUncheck: o = !1
 }) => {
-  const [c, a] = O(i), [C, d] = O(e);
+  const [h, a] = O(i), [C, d] = O(e);
   G(() => {
     a(i), d(e);
   }, [i, e]);
@@ -264,10 +264,10 @@ const { Title: q2, Text: Q2 } = G1, X2 = {
     _2,
     {
       className: `snmt-checkbox snmt-checkbox-${l}`,
-      checked: c,
+      checked: h,
       indeterminate: C,
-      onChange: (h) => {
-        o && c || (d(!1), a(h.target.checked), s && s(h));
+      onChange: (c) => {
+        o && h || (d(!1), a(c.target.checked), s && s(c));
       },
       disabled: n,
       children: t && /* @__PURE__ */ r(
@@ -281,12 +281,12 @@ const { Title: q2, Text: Q2 } = G1, X2 = {
     }
   );
 };
-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({
+var L = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_0_5 = "var(--blue-light-0-5)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(L || {});
+const h2 = C1({
   locale: "en",
   theme: "light"
 });
-c2.Provider;
+h2.Provider;
 const i5 = ({
   width: i = 20,
   height: e = 20,
@@ -491,7 +491,7 @@ const i5 = ({
       }
     )
   }
-), h5 = ({
+), c5 = ({
   width: i = 20,
   height: e = 20,
   color: t = L.GREY_DARK_5,
@@ -538,7 +538,7 @@ const i5 = ({
       )
     ]
   }
-), c5 = ({
+), h5 = ({
   width: i = 20,
   height: e = 20,
   color: t = L.GREY_DARK_5,
@@ -1311,7 +1311,7 @@ const i5 = ({
       }
     )
   }
-), V5 = ({
+), A5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -1340,7 +1340,7 @@ const i5 = ({
       )
     ]
   }
-), I5 = ({
+), V5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -1369,7 +1369,7 @@ const i5 = ({
       )
     ]
   }
-), A5 = ({
+), I5 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -1643,7 +1643,7 @@ const i5 = ({
       )
     ]
   }
-), P5 = ({
+), Y5 = ({
   className: i,
   color: e = L.GREY_DARK_5,
   height: t = 24,
@@ -1670,7 +1670,7 @@ const i5 = ({
       }
     )
   }
-), Y5 = ({
+), $5 = ({
   className: i,
   color: e = L.GREY_DARK_5,
   height: t = 24,
@@ -1729,7 +1729,7 @@ const i5 = ({
       )
     ]
   }
-), $5 = ({
+), P5 = ({
   className: i,
   color: e = L.GREY_DARK_5,
   height: t = 24,
@@ -2441,7 +2441,7 @@ const i5 = ({
       )
     ]
   }
-), he = ({
+), ce = ({
   width: i = 24,
   height: e = 24,
   color: t = L.GREY_DARK_2,
@@ -2481,7 +2481,7 @@ const i5 = ({
       )
     ]
   }
-), ce = ({
+), he = ({
   width: i = 24,
   height: e = 24,
   color: t = L.GREY_DARK_2,
@@ -2542,84 +2542,84 @@ const i5 = ({
   color: s,
   className: n,
   disabled: o = !1,
-  onClick: c
+  onClick: h
 }) => {
-  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;
+  const [a, C] = O(n), { theme: d } = r1(h2), l = o ? d && d === "dark" ? L.GREY_LIGHT_4 : L.GREY_DARK_1 : s, c = o ? void 0 : h;
   return G(() => {
     if (n) {
-      h && !o && C(`${n} clickable`);
+      c && !o && C(`${n} clickable`);
       return;
     }
-    h && !o && C("clickable");
-  }, [h, n, o]), /* @__PURE__ */ r(i1, { children: (() => {
+    c && !o && C("clickable");
+  }, [c, n, o]), /* @__PURE__ */ r(i1, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return S5({ width: e, height: t, color: l, className: a, onClick: h });
+        return S5({ width: e, height: t, color: l, className: a, onClick: c });
       case "prevIcon":
-        return D5({ width: e, height: t, color: l, className: a, onClick: h });
+        return D5({ width: e, height: t, color: l, className: a, onClick: c });
       case "arrowDown":
-        return i5({ width: e, height: t, color: l, className: a, onClick: h });
+        return i5({ width: e, height: t, color: l, className: a, onClick: c });
       case "info":
-        return s5({ width: e, height: t, color: l, className: a, onClick: h });
+        return s5({ width: e, height: t, color: l, className: a, onClick: c });
       case "arrowRight":
-        return n5({ width: e, height: t, color: l, className: a, onClick: h });
+        return n5({ width: e, height: t, color: l, className: a, onClick: c });
       case "calendar":
-        return h5({ width: e, height: t, color: l, className: a, onClick: h });
+        return c5({ width: e, height: t, color: l, className: a, onClick: c });
       case "check":
-        return c5({ width: e, height: t, color: l, className: a, onClick: h });
+        return h5({ width: e, height: t, color: l, className: a, onClick: c });
       case "cancel":
-        return d5({ width: e, height: t, color: l, className: a, onClick: h });
+        return d5({ width: e, height: t, color: l, className: a, onClick: c });
       case "add":
-        return C5({ width: e, height: t, color: l, className: a, onClick: h });
+        return C5({ width: e, height: t, color: l, className: a, onClick: c });
       case "list":
-        return g5({ width: e, height: t, color: l, className: a, onClick: h });
+        return g5({ width: e, height: t, color: l, className: a, onClick: c });
       case "dragAndDrop":
-        return u5({ width: e, height: t, color: l, className: a, onClick: h });
+        return u5({ width: e, height: t, color: l, className: a, onClick: c });
       case "filter":
-        return p5({ width: e, height: t, color: l, className: a, onClick: h });
+        return p5({ width: e, height: t, color: l, className: a, onClick: c });
       case "attention":
-        return f5({ width: e, height: t, color: l, className: a, onClick: h });
+        return f5({ width: e, height: t, color: l, className: a, onClick: c });
       case "users":
-        return m5({ width: e, height: t, color: l, className: a, onClick: h });
+        return m5({ width: e, height: t, color: l, className: a, onClick: c });
       case "mySkillsMatrix":
         return w5({
           width: e,
           height: t,
           color: l,
           className: a,
-          onClick: h
+          onClick: c
         });
       case "skills":
-        return L5({ width: e, height: t, color: l, className: a, onClick: h });
+        return L5({ width: e, height: t, color: l, className: a, onClick: c });
       case "skillsMatrices":
         return k5({
           width: e,
           height: t,
           color: l,
           className: a,
-          onClick: h
+          onClick: c
         });
       case "history":
-        return v5({ width: e, height: t, color: l, className: a, onClick: h });
+        return v5({ width: e, height: t, color: l, className: a, onClick: c });
       case "logOut":
-        return N5({ width: e, height: t, color: l, className: a, onClick: h });
+        return N5({ width: e, height: t, color: l, className: a, onClick: c });
       case "settings":
-        return R5({ width: e, height: t, color: l, className: a, onClick: h });
+        return R5({ width: e, height: t, color: l, className: a, onClick: c });
       case "trash":
-        return x5({ width: e, height: t, color: l, className: a, onClick: h });
+        return x5({ width: e, height: t, color: l, className: a, onClick: c });
       case "settings2":
-        return _5({ width: e, height: t, color: l, className: a, onClick: h });
+        return _5({ width: e, height: t, color: l, className: a, onClick: c });
       case "checkCircle":
-        return M5({ width: e, height: t, color: l, className: a, onClick: h });
+        return M5({ width: e, height: t, color: l, className: a, onClick: c });
       case "cancelCircle":
-        return b5({ width: e, height: t, color: l, className: a, onClick: h });
+        return b5({ width: e, height: t, color: l, className: a, onClick: c });
       case "visibilityIcon":
         return y5({
           width: e,
           height: t,
           color: l,
           className: a,
-          onClick: h
+          onClick: c
         });
       case "visibilityOffIcon":
         return H5({
@@ -2627,7 +2627,7 @@ const i5 = ({
           height: t,
           color: l,
           className: a,
-          onClick: h
+          onClick: c
         });
       case "selectArrowIcon":
         return E5({
@@ -2635,94 +2635,94 @@ const i5 = ({
           height: t,
           color: l,
           className: a,
-          onClick: h
+          onClick: c
         });
       case "expandArrowIcon":
-        return V5({
+        return A5({
           width: e,
           height: t,
           color: l,
           className: a,
-          onClick: h
+          onClick: c
         });
       case "expandActiveArrowIcon":
-        return I5({
+        return V5({
           width: e,
           height: t,
           color: l,
           className: a,
-          onClick: h
+          onClick: c
         });
       case "sortUp":
-        return A5({ width: e, height: t, color: l, className: a, onClick: h });
+        return I5({ width: e, height: t, color: l, className: a, onClick: c });
       case "sortDown":
-        return O5({ width: e, height: t, color: l, className: a, onClick: h });
+        return O5({ width: e, height: t, color: l, className: a, onClick: c });
       case "search":
-        return Z5({ width: e, height: t, color: l, className: a, onClick: h });
+        return Z5({ width: e, height: t, color: l, className: a, onClick: c });
       case "arrowUpFilled":
-        return T5({ width: e, height: t, color: l, className: a, onClick: h });
+        return T5({ width: e, height: t, color: l, className: a, onClick: c });
       case "arrowDownFilled":
-        return G5({ width: e, height: t, color: l, className: a, onClick: h });
+        return G5({ width: e, height: t, color: l, className: a, onClick: c });
       case "arrow2Up":
-        return r5({ width: e, height: t, color: l, className: a, onClick: h });
+        return r5({ width: e, height: t, color: l, className: a, onClick: c });
       case "arrow2Right":
-        return o5({ width: e, height: t, color: l, className: a, onClick: h });
+        return o5({ width: e, height: t, color: l, className: a, onClick: c });
       case "arrow2Down":
-        return a5({ width: e, height: t, color: l, className: a, onClick: h });
+        return a5({ width: e, height: t, color: l, className: a, onClick: c });
       case "arrow2Left":
-        return l5({ width: e, height: t, color: l, className: a, onClick: h });
+        return l5({ width: e, height: t, color: l, className: a, onClick: c });
       case "link":
-        return K5({ width: e, height: t, color: l, className: a, onClick: h });
+        return K5({ width: e, height: t, color: l, className: a, onClick: c });
       case "telegram":
-        return P5({ width: e, height: t, color: l, className: a, onClick: h });
+        return Y5({ width: e, height: t, color: l, className: a, onClick: c });
       case "mail":
-        return $5({ width: e, height: t, color: l, className: a, onClick: h });
+        return P5({ width: e, height: t, color: l, className: a, onClick: c });
       case "github":
-        return B5({ width: e, height: t, color: l, className: a, onClick: h });
+        return B5({ width: e, height: t, color: l, className: a, onClick: c });
       case "linkedIn":
-        return Y5({ width: e, height: t, color: l, className: a, onClick: h });
+        return $5({ width: e, height: t, color: l, className: a, onClick: c });
       case "emptyStateIcon":
-        return j5({ width: e, height: t, color: l, className: a, onClick: h });
+        return j5({ width: e, height: t, color: l, className: a, onClick: c });
       case "filtersIcon":
-        return F5({ width: e, height: t, color: l, className: a, onClick: h });
+        return F5({ width: e, height: t, color: l, className: a, onClick: c });
       case "dotMenuIcon":
-        return W5({ width: e, height: t, color: l, className: a, onClick: h });
+        return W5({ width: e, height: t, color: l, className: a, onClick: c });
       case "plusCircle":
-        return U5({ width: e, height: t, color: l, className: a, onClick: h });
+        return U5({ width: e, height: t, color: l, className: a, onClick: c });
       case "warning":
-        return z5({ width: e, height: t, color: l, className: a, onClick: h });
+        return z5({ width: e, height: t, color: l, className: a, onClick: c });
       case "back":
-        return J5({ width: e, height: t, color: l, className: a, onClick: h });
+        return J5({ width: e, height: t, color: l, className: a, onClick: c });
       case "bell":
-        return q5({ width: e, height: t, color: l, className: a, onClick: h });
+        return q5({ width: e, height: t, color: l, className: a, onClick: c });
       case "copy":
-        return Q5({ width: e, height: t, color: l, className: a, onClick: h });
+        return Q5({ width: e, height: t, color: l, className: a, onClick: c });
       case "contract":
-        return X5({ width: e, height: t, color: l, className: a, onClick: h });
+        return X5({ width: e, height: t, color: l, className: a, onClick: c });
       case "resourceManager":
-        return ee({ width: e, height: t, color: l, className: a, onClick: h });
+        return ee({ width: e, height: t, color: l, className: a, onClick: c });
       case "image":
-        return te({ width: e, height: t, color: l, className: a, onClick: h });
+        return te({ width: e, height: t, color: l, className: a, onClick: c });
       case "edit":
-        return ie({ width: e, height: t, color: l, className: a, onClick: h });
+        return ie({ width: e, height: t, color: l, className: a, onClick: c });
       case "filledArrowRight":
-        return se({ width: e, height: t, color: l, className: a, onClick: h });
+        return se({ width: e, height: t, color: l, className: a, onClick: c });
       case "burgerMenu":
-        return ne({ width: e, height: t, color: l, className: a, onClick: h });
+        return ne({ width: e, height: t, color: l, className: a, onClick: c });
       case "refresh":
-        return re({ width: e, height: t, color: l, className: a, onClick: h });
+        return re({ width: e, height: t, color: l, className: a, onClick: c });
       case "projects":
-        return oe({ width: e, height: t, color: l, className: a, onClick: h });
+        return oe({ width: e, height: t, color: l, className: a, onClick: c });
       case "user":
-        return le({ width: e, height: t, color: l, className: a, onClick: h });
+        return le({ width: e, height: t, color: l, className: a, onClick: c });
       case "exit":
-        return ae({ width: e, height: t, color: l, className: a, onClick: h });
+        return ae({ width: e, height: t, color: l, className: a, onClick: c });
       case "openPointCircle":
-        return he({ width: e, height: t, color: l, className: a, onClick: h });
+        return ce({ width: e, height: t, color: l, className: a, onClick: c });
       case "community":
-        return ce({ width: e, height: t, color: l, className: a, onClick: h });
+        return he({ width: e, height: t, color: l, className: a, onClick: c });
       case "docs":
-        return de({ width: e, height: t, color: l, className: a, onClick: h });
+        return de({ width: e, height: t, color: l, className: a, onClick: c });
       default:
         return /* @__PURE__ */ r(i1, { children: "No Icon provided" });
     }
@@ -2740,18 +2740,18 @@ const i5 = ({
     children: s,
     onClick: n,
     collapsed: o,
-    whiteSpace: c = "normal",
+    whiteSpace: h = "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);
+    const [l, c] = O(!1);
     G(() => {
       var v;
       if (!a) return;
       const m = () => {
-        d.current && h(d.current.scrollWidth > d.current.clientWidth);
+        d.current && c(d.current.scrollWidth > d.current.clientWidth);
       };
       m();
       const b = new ResizeObserver(m);
@@ -2764,7 +2764,7 @@ const i5 = ({
     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" : "" },
+      style: { color: t, whiteSpace: a ? "nowrap" : h, display: a ? "block" : "" },
       onClick: n,
       ref: d,
       ellipsis: a && l ? {
@@ -2777,7 +2777,7 @@ const i5 = ({
     return g ? /* @__PURE__ */ r(Ce, { level: ue[e], ...w, children: s }) : /* @__PURE__ */ r(ge, { ...w, children: s });
   }
 );
-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 || {});
+var k = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_0_5 = "var(--blue-light-0-5)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(k || {});
 const d2 = C1({
   locale: "en",
   theme: "light"
@@ -3294,7 +3294,7 @@ const fe = ({
       )
     ]
   }
-), Ve = ({
+), Ae = ({
   width: i = 20,
   height: e = 20,
   color: t = k.GREY_DARK_5,
@@ -3341,7 +3341,7 @@ const fe = ({
       )
     ]
   }
-), Ie = ({
+), Ve = ({
   width: i = 20,
   height: e = 20,
   color: t = k.GREY_DARK_5,
@@ -3388,7 +3388,7 @@ const fe = ({
       )
     ]
   }
-), Ae = ({
+), Ie = ({
   width: i = 20,
   height: e = 20,
   color: t = k.GREY_DARK_5,
@@ -3713,7 +3713,7 @@ const fe = ({
       )
     ]
   }
-), Pe = ({
+), Ye = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -3743,7 +3743,7 @@ const fe = ({
       /* @__PURE__ */ r("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), Ye = ({
+), $e = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -3781,7 +3781,7 @@ const fe = ({
       )
     ]
   }
-), $e = ({
+), Pe = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -4415,7 +4415,7 @@ const fe = ({
       )
     ]
   }
-), ht = ({
+), ct = ({
   className: i,
   color: e = k.NOTIFICATION_WARNING_DARK,
   height: t = 37,
@@ -4454,7 +4454,7 @@ const fe = ({
       )
     ]
   }
-), ct = ({
+), ht = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -5038,100 +5038,100 @@ const fe = ({
   color: s,
   className: n,
   disabled: o = !1,
-  onClick: c
+  onClick: h
 }) => {
-  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;
+  const [a, C] = O(n), { theme: d } = r1(d2), l = o ? d && d === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : s, c = o ? void 0 : h;
   return G(() => {
     if (n) {
-      h && !o && C(`${n} clickable`);
+      c && !o && C(`${n} clickable`);
       return;
     }
-    h && !o && C("clickable");
-  }, [h, n, o]), /* @__PURE__ */ r(i1, { children: (() => {
+    c && !o && C("clickable");
+  }, [c, n, o]), /* @__PURE__ */ r(i1, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return Je({ width: e, height: t, color: l, className: a, onClick: h });
+        return Je({ width: e, height: t, color: l, className: a, onClick: c });
       case "prevIcon":
-        return qe({ width: e, height: t, color: l, className: a, onClick: h });
+        return qe({ width: e, height: t, color: l, className: a, onClick: c });
       case "arrowDown":
-        return fe({ width: e, height: t, color: l, className: a, onClick: h });
+        return fe({ width: e, height: t, color: l, className: a, onClick: c });
       case "info":
-        return me({ width: e, height: t, color: l, className: a, onClick: h });
+        return me({ width: e, height: t, color: l, className: a, onClick: c });
       case "arrowRight":
-        return we({ width: e, height: t, color: l, className: a, onClick: h });
+        return we({ width: e, height: t, color: l, className: a, onClick: c });
       case "calendar":
-        return Re({ width: e, height: t, color: l, className: a, onClick: h });
+        return Re({ width: e, height: t, color: l, className: a, onClick: c });
       case "check":
-        return xe({ width: e, height: t, color: l, className: a, onClick: h });
+        return xe({ width: e, height: t, color: l, className: a, onClick: c });
       case "cancel":
-        return _e({ width: e, height: t, color: l, className: a, onClick: h });
+        return _e({ width: e, height: t, color: l, className: a, onClick: c });
       case "add":
-        return Me({ width: e, height: t, color: l, className: a, onClick: h });
+        return Me({ width: e, height: t, color: l, className: a, onClick: c });
       case "list":
-        return be({ width: e, height: t, color: l, className: a, onClick: h });
+        return be({ width: e, height: t, color: l, className: a, onClick: c });
       case "dragAndDrop":
-        return ye({ width: e, height: t, color: l, className: a, onClick: h });
+        return ye({ width: e, height: t, color: l, className: a, onClick: c });
       case "filter":
-        return He({ width: e, height: t, color: l, className: a, onClick: h });
+        return He({ width: e, height: t, color: l, className: a, onClick: c });
       case "attention":
-        return Ee({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ee({ width: e, height: t, color: l, className: a, onClick: c });
       case "users":
-        return Ve({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ae({ width: e, height: t, color: l, className: a, onClick: c });
       case "mySkillsMatrix":
-        return Ie({
+        return Ve({
           width: e,
           height: t,
           color: l,
           className: a,
-          onClick: h
+          onClick: c
         });
       case "skills":
-        return Ae({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ie({ width: e, height: t, color: l, className: a, onClick: c });
       case "skillsMatrices":
         return Oe({
           width: e,
           height: t,
           color: l,
           className: a,
-          onClick: h
+          onClick: c
         });
       case "history":
-        return Ze({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ze({ width: e, height: t, color: l, className: a, onClick: c });
       case "logOut":
-        return Se({ width: e, height: t, color: l, className: a, onClick: h });
+        return Se({ width: e, height: t, color: l, className: a, onClick: c });
       case "settings":
-        return De({ width: e, height: t, color: l, className: a, onClick: h });
+        return De({ width: e, height: t, color: l, className: a, onClick: c });
       case "trash":
-        return Ge({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ge({ width: e, height: t, color: l, className: a, onClick: c });
       case "settings2":
-        return Te({ width: e, height: t, color: l, className: a, onClick: h });
+        return Te({ width: e, height: t, color: l, className: a, onClick: c });
       case "checkCircle":
-        return Ke({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ke({ width: e, height: t, color: l, className: a, onClick: c });
       case "cancelCircle":
-        return Be({ width: e, height: t, color: l, className: a, onClick: h });
+        return Be({ width: e, height: t, color: l, className: a, onClick: c });
       case "visibilityIcon":
-        return Pe({
+        return Ye({
           width: e,
           height: t,
           color: l,
           className: a,
-          onClick: h
+          onClick: c
         });
       case "visibilityOffIcon":
-        return Ye({
+        return $e({
           width: e,
           height: t,
           color: l,
           className: a,
-          onClick: h
+          onClick: c
         });
       case "selectArrowIcon":
-        return $e({
+        return Pe({
           width: e,
           height: t,
           color: l,
           className: a,
-          onClick: h
+          onClick: c
         });
       case "expandArrowIcon":
         return je({
@@ -5139,7 +5139,7 @@ const fe = ({
           height: t,
           color: l,
           className: a,
-          onClick: h
+          onClick: c
         });
       case "expandActiveArrowIcon":
         return Fe({
@@ -5147,84 +5147,84 @@ const fe = ({
           height: t,
           color: l,
           className: a,
-          onClick: h
+          onClick: c
         });
       case "sortUp":
-        return We({ width: e, height: t, color: l, className: a, onClick: h });
+        return We({ width: e, height: t, color: l, className: a, onClick: c });
       case "sortDown":
-        return Ue({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ue({ width: e, height: t, color: l, className: a, onClick: c });
       case "search":
-        return ze({ width: e, height: t, color: l, className: a, onClick: h });
+        return ze({ width: e, height: t, color: l, className: a, onClick: c });
       case "arrowUpFilled":
-        return Xe({ width: e, height: t, color: l, className: a, onClick: h });
+        return Xe({ width: e, height: t, color: l, className: a, onClick: c });
       case "arrowDownFilled":
-        return Qe({ width: e, height: t, color: l, className: a, onClick: h });
+        return Qe({ width: e, height: t, color: l, className: a, onClick: c });
       case "arrow2Up":
-        return Le({ width: e, height: t, color: l, className: a, onClick: h });
+        return Le({ width: e, height: t, color: l, className: a, onClick: c });
       case "arrow2Right":
-        return ke({ width: e, height: t, color: l, className: a, onClick: h });
+        return ke({ width: e, height: t, color: l, className: a, onClick: c });
       case "arrow2Down":
-        return ve({ width: e, height: t, color: l, className: a, onClick: h });
+        return ve({ width: e, height: t, color: l, className: a, onClick: c });
       case "arrow2Left":
-        return Ne({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ne({ width: e, height: t, color: l, className: a, onClick: c });
       case "link":
-        return et({ width: e, height: t, color: l, className: a, onClick: h });
+        return et({ width: e, height: t, color: l, className: a, onClick: c });
       case "telegram":
-        return it({ width: e, height: t, color: l, className: a, onClick: h });
+        return it({ width: e, height: t, color: l, className: a, onClick: c });
       case "mail":
-        return nt({ width: e, height: t, color: l, className: a, onClick: h });
+        return nt({ width: e, height: t, color: l, className: a, onClick: c });
       case "github":
-        return tt({ width: e, height: t, color: l, className: a, onClick: h });
+        return tt({ width: e, height: t, color: l, className: a, onClick: c });
       case "linkedIn":
-        return st({ width: e, height: t, color: l, className: a, onClick: h });
+        return st({ width: e, height: t, color: l, className: a, onClick: c });
       case "emptyStateIcon":
-        return rt({ width: e, height: t, color: l, className: a, onClick: h });
+        return rt({ width: e, height: t, color: l, className: a, onClick: c });
       case "filtersIcon":
-        return ot({ width: e, height: t, color: l, className: a, onClick: h });
+        return ot({ width: e, height: t, color: l, className: a, onClick: c });
       case "dotMenuIcon":
-        return at({ width: e, height: t, color: l, className: a, onClick: h });
+        return at({ width: e, height: t, color: l, className: a, onClick: c });
       case "plusCircle":
-        return lt({ width: e, height: t, color: l, className: a, onClick: h });
+        return lt({ width: e, height: t, color: l, className: a, onClick: c });
       case "warning":
-        return ht({ width: e, height: t, color: l, className: a, onClick: h });
+        return ct({ width: e, height: t, color: l, className: a, onClick: c });
       case "back":
-        return ct({ width: e, height: t, color: l, className: a, onClick: h });
+        return ht({ width: e, height: t, color: l, className: a, onClick: c });
       case "bell":
-        return dt({ width: e, height: t, color: l, className: a, onClick: h });
+        return dt({ width: e, height: t, color: l, className: a, onClick: c });
       case "copy":
-        return Ct({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ct({ width: e, height: t, color: l, className: a, onClick: c });
       case "contract":
-        return gt({ width: e, height: t, color: l, className: a, onClick: h });
+        return gt({ width: e, height: t, color: l, className: a, onClick: c });
       case "resourceManager":
-        return ut({ width: e, height: t, color: l, className: a, onClick: h });
+        return ut({ width: e, height: t, color: l, className: a, onClick: c });
       case "image":
-        return pt({ width: e, height: t, color: l, className: a, onClick: h });
+        return pt({ width: e, height: t, color: l, className: a, onClick: c });
       case "edit":
-        return ft({ width: e, height: t, color: l, className: a, onClick: h });
+        return ft({ width: e, height: t, color: l, className: a, onClick: c });
       case "filledArrowRight":
-        return mt({ width: e, height: t, color: l, className: a, onClick: h });
+        return mt({ width: e, height: t, color: l, className: a, onClick: c });
       case "burgerMenu":
-        return wt({ width: e, height: t, color: l, className: a, onClick: h });
+        return wt({ width: e, height: t, color: l, className: a, onClick: c });
       case "refresh":
-        return Lt({ width: e, height: t, color: l, className: a, onClick: h });
+        return Lt({ width: e, height: t, color: l, className: a, onClick: c });
       case "projects":
-        return kt({ width: e, height: t, color: l, className: a, onClick: h });
+        return kt({ width: e, height: t, color: l, className: a, onClick: c });
       case "user":
-        return Nt({ width: e, height: t, color: l, className: a, onClick: h });
+        return Nt({ width: e, height: t, color: l, className: a, onClick: c });
       case "exit":
-        return vt({ width: e, height: t, color: l, className: a, onClick: h });
+        return vt({ width: e, height: t, color: l, className: a, onClick: c });
       case "openPointCircle":
-        return Rt({ width: e, height: t, color: l, className: a, onClick: h });
+        return Rt({ width: e, height: t, color: l, className: a, onClick: c });
       case "community":
-        return xt({ width: e, height: t, color: l, className: a, onClick: h });
+        return xt({ width: e, height: t, color: l, className: a, onClick: c });
       case "docs":
-        return _t({ width: e, height: t, color: l, className: a, onClick: h });
+        return _t({ width: e, height: t, color: l, className: a, onClick: c });
       default:
         return /* @__PURE__ */ r(i1, { children: "No Icon provided" });
     }
   })() });
 };
-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 || {});
+var m1 = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_0_5 = "var(--blue-light-0-5)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(m1 || {});
 const bt = C1({
   locale: "en",
   theme: "light"
@@ -5238,7 +5238,7 @@ const C2 = ({
   closable: n = !0,
   disabled: o = !1
 }) => {
-  const c = t === "small" ? 10 : 12.5, a = () => {
+  const h = t === "small" ? 10 : 12.5, a = () => {
     o || s == null || s();
   };
   return /* @__PURE__ */ r(
@@ -5250,8 +5250,8 @@ const C2 = ({
         {
           name: "cancelCircle",
           color: o ? m1.GREY_DARK_1 : m1.GREY_DARK_2,
-          width: c,
-          height: c,
+          width: h,
+          height: h,
           onClick: a
         }
       ),
@@ -5273,7 +5273,7 @@ const C2 = ({
   h2: 2,
   h3: 3,
   h4: 4
-}, Vt = d1(
+}, At = d1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -5281,18 +5281,18 @@ const C2 = ({
     children: s,
     onClick: n,
     collapsed: o,
-    whiteSpace: c = "normal",
+    whiteSpace: h = "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);
+    const [l, c] = O(!1);
     G(() => {
       var v;
       if (!a) return;
       const m = () => {
-        d.current && h(d.current.scrollWidth > d.current.clientWidth);
+        d.current && c(d.current.scrollWidth > d.current.clientWidth);
       };
       m();
       const b = new ResizeObserver(m);
@@ -5305,7 +5305,7 @@ const C2 = ({
     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" : "" },
+      style: { color: t, whiteSpace: a ? "nowrap" : h, display: a ? "block" : "" },
       onClick: n,
       ref: d,
       ellipsis: a && l ? {
@@ -5317,14 +5317,14 @@ const C2 = ({
     };
     return g ? /* @__PURE__ */ r(yt, { level: Et[e], ...w, children: s }) : /* @__PURE__ */ r(Ht, { ...w, children: s });
   }
-), It = ({
+), Vt = ({
   children: i,
   content: e,
   isOpen: t,
   setIsOpen: s,
   placement: n = "topRight",
   noPadding: o = !1,
-  trigger: c = "click"
+  trigger: h = "click"
 }) => {
   const [a, C] = O(!1);
   return /* @__PURE__ */ r(
@@ -5333,7 +5333,7 @@ const C2 = ({
       content: e,
       arrow: !1,
       placement: n,
-      trigger: c,
+      trigger: h,
       overlayClassName: `snmt-popover ${o ? "" : "padding"}`,
       open: t ?? a,
       onOpenChange: (d) => {
@@ -5343,17 +5343,17 @@ const C2 = ({
     }
   );
 };
-var At = { exports: {} };
+var It = { exports: {} };
 (function(i, e) {
   (function(t, s) {
     i.exports = s();
-  })(I2, function() {
+  })(V2, function() {
     return { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t) {
       var s = ["th", "st", "nd", "rd"], n = t % 100;
       return "[" + t + (s[(n - 20) % 10] || s[n] || s[0]) + "]";
     } };
   });
-})(At);
+})(It);
 const Ot = ({
   values: i,
   onTagClose: e,
@@ -5361,19 +5361,19 @@ const Ot = ({
   closable: s = !0,
   disabled: n,
   options: o,
-  extraOptions: c
+  extraOptions: h
 }) => {
   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) => {
+  const c = (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 ((p = o == null ? void 0 : o.find((v) => v.value === g)) == null ? void 0 : p.label) || ((w = h == null ? void 0 : h.find((v) => v.value === g)) == null ? void 0 : w.label) || g;
   };
   return /* @__PURE__ */ u(
-    It,
+    Vt,
     {
       content: (
         // 90: paddings + margins + gaps and so on
@@ -5383,7 +5383,7 @@ const Ot = ({
             onClose: () => e(g),
             closable: s,
             disabled: n,
-            children: h(g)
+            children: c(g)
           },
           g
         )) }) })
@@ -5402,7 +5402,7 @@ const Ot = ({
   small: 20,
   medium: 28,
   large: 48
-}, $1 = ({ size: i = "medium", color: e = "#004ed7" }) => {
+}, P1 = ({ 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,
@@ -5418,12 +5418,12 @@ const Ot = ({
     mode: s,
     search: n = !1,
     options: o,
-    width: c,
+    width: h,
     disabled: a = !1,
     required: C = !1,
     clearable: d = !1,
     scrollThresholdValue: l = 50,
-    onSearchChange: h,
+    onSearchChange: c,
     onDropdownVisibleChange: g,
     onScrollToEnd: p,
     onPopupScroll: w,
@@ -5431,11 +5431,11 @@ const Ot = ({
     extraOptions: m,
     dropdownRender: b,
     optionRender: y,
-    isLoading: A,
+    isLoading: I,
     readOnly: f,
     error: x
   }, _) => {
-    const [R, j] = O(!1), [q, F] = O(!1), [E, T] = O(!0), [V, Z] = O(i), D = J(null);
+    const [R, j] = O(!1), [q, F] = O(!1), [E, T] = O(!0), [A, Z] = O(i), D = J(null);
     G(() => {
       Z(i);
     }, [i]);
@@ -5444,11 +5444,11 @@ const Ot = ({
     }, U = (N, H) => {
       var K;
       return !!((K = H == null ? void 0 : H.label) != null && K.toString().toLowerCase().includes(N.toLowerCase()));
-    }, I = () => {
+    }, V = () => {
       F(!0);
-    }, Y = () => {
+    }, $ = () => {
       F(!1);
-    }, P = $(
+    }, Y = P(
       (N) => {
         if (Z(N), s) {
           const K = N;
@@ -5459,33 +5459,33 @@ const Ot = ({
         e == null || e(H);
       },
       [s, e]
-    ), e1 = $(() => {
+    ), e1 = P(() => {
       if (!(f || a)) {
         if (s) {
-          P([]);
+          Y([]);
           return;
         }
-        P("");
+        Y("");
       }
-    }, [a, P, s, f]), t1 = $(
+    }, [a, Y, s, f]), t1 = P(
       (N) => {
-        const H = V.filter((K) => K !== N);
-        P(H), Z(H);
+        const H = A.filter((K) => K !== N);
+        Y(H), Z(H);
       },
-      [P, V]
-    ), g1 = $(
-      (N) => (V == null ? void 0 : V.indexOf(N)) === 0 ? (
+      [Y, A]
+    ), g1 = P(
+      (N) => (A == null ? void 0 : A.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: E ? t : "" })
       ) : /* @__PURE__ */ r(i1, {}),
-      [E, V, t]
+      [E, A, t]
     ), v1 = (N) => {
       N.preventDefault(), N.stopPropagation();
     }, N1 = async (N) => {
       const { target: H } = N;
       H.scrollTop + H.offsetHeight >= H.scrollHeight - l && (p == null || p(!0)), w && await w(N);
-    }, o1 = $(
+    }, o1 = P(
       (N) => {
         var H, K;
         return ((H = o.find((a1) => a1.value === N)) == null ? void 0 : H.label) || ((K = m == null ? void 0 : m.find(
@@ -5493,7 +5493,7 @@ const Ot = ({
         )) == null ? void 0 : K.label) || N;
       },
       [m, o]
-    ), R1 = $(
+    ), R1 = P(
       (N) => {
         var H;
         return /* @__PURE__ */ r(
@@ -5510,10 +5510,10 @@ const Ot = ({
         );
       },
       [a, m, t1, o, f]
-    ), S = $(
+    ), S = P(
       ({ 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() !== "";
+    ), z = Array.isArray(A) && A.length > 0 || !!A && typeof A == "string" && A.trim() !== "";
     return /* @__PURE__ */ u("div", { className: "snmt-select-container", children: [
       /* @__PURE__ */ u(
         "div",
@@ -5521,7 +5521,7 @@ const Ot = ({
           className: `snmt-select-1-15-6 ${q ? "snmt-select-focused" : ""}
                         ${s ? "" : "snmt-select-single"} ${f ? "snmt-select-read-only" : ""}`,
           ref: D,
-          style: { width: c },
+          style: { width: h },
           children: [
             /* @__PURE__ */ r(
               N2,
@@ -5534,17 +5534,17 @@ const Ot = ({
                 filterOption: n && U,
                 onDropdownVisibleChange: B,
                 disabled: a,
-                value: V || void 0,
+                value: A || void 0,
                 labelRender: (N) => {
                   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,
+                onChange: Y,
+                onFocus: V,
+                onBlur: $,
                 onSearch: (N) => {
-                  T(!N), h && h(N);
+                  T(!N), c && c(N);
                 },
                 onSelect: () => T(!0),
                 onDeselect: () => T(!0),
@@ -5552,9 +5552,9 @@ const Ot = ({
                 maxTagCount: "responsive",
                 maxTagPlaceholder: R1,
                 onPopupScroll: N1,
-                prefix: A && /* @__PURE__ */ r($1, { size: "small" }),
+                prefix: I && /* @__PURE__ */ r(P1, { size: "small" }),
                 suffixIcon: /* @__PURE__ */ r("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ u(i1, { children: [
-                  V && !!V.length && (s || d) && /* @__PURE__ */ r(
+                  A && !!A.length && (s || d) && /* @__PURE__ */ r(
                     "div",
                     {
                       onClick: e1,
@@ -5587,7 +5587,7 @@ const Ot = ({
                     s && /* @__PURE__ */ r(
                       t5,
                       {
-                        checked: !!(V != null && V.includes(N.value))
+                        checked: !!(A != null && A.includes(N.value))
                       }
                     ),
                     /* @__PURE__ */ u(f1, { alignItems: "center", gap: 8, children: [
@@ -5595,11 +5595,11 @@ const Ot = ({
                       /* @__PURE__ */ r("span", { children: N.label })
                     ] })
                   ] }),
-                  !s && V === N.value && /* @__PURE__ */ r(u1, { name: "check", color: Q.BLUE_DARK_1 })
+                  !s && A === 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: b ? b(N) : N }),
-                  A && /* @__PURE__ */ r("div", { className: "loading-overlay", children: /* @__PURE__ */ r($1, {}) })
+                  I && /* @__PURE__ */ r("div", { className: "loading-overlay", children: /* @__PURE__ */ r(P1, {}) })
                 ] })
               }
             ),
@@ -5607,7 +5607,7 @@ const Ot = ({
               /* @__PURE__ */ r(
                 "label",
                 {
-                  className: `${q || z ? "label-floating" : ""} ${a ? "label-disabled" : ""} ${q ? "label-focused" : ""} ${A ? "label-loading" : ""} ${x ? "label-error" : ""}`,
+                  className: `${q || z ? "label-floating" : ""} ${a ? "label-disabled" : ""} ${q ? "label-focused" : ""} ${I ? "label-loading" : ""} ${x ? "label-error" : ""}`,
                   children: C ? `${t}*` : t
                 }
               ),
@@ -5632,7 +5632,7 @@ const Ot = ({
             width: 16
           }
         ),
-        typeof x == "string" ? /* @__PURE__ */ r(Vt, { color: Q.NOTIFICATION_ERROR_DARK, variant: "body4", children: x }) : x
+        typeof x == "string" ? /* @__PURE__ */ r(At, { color: Q.NOTIFICATION_ERROR_DARK, variant: "body4", children: x }) : x
       ] })
     ] });
   }
@@ -5654,7 +5654,7 @@ function F1(i) {
     e.current = i;
   }, [i]), e.current;
 }
-const V1 = 100, l1 = {
+const A1 = 100, l1 = {
   offset: 0
 }, W1 = d1(
   ({
@@ -5664,12 +5664,12 @@ const V1 = 100, l1 = {
     value: s,
     id: n,
     disabled: o,
-    scrollThresholdValue: c,
+    scrollThresholdValue: h,
     placeholder: a,
     mode: C,
     loadOnClosedState: d,
     preloadOptions: l,
-    extraOptions: h,
+    extraOptions: c,
     onDropdownVisibleChange: g,
     optionRender: p,
     dropdownRender: w,
@@ -5677,12 +5677,12 @@ const V1 = 100, l1 = {
     clearable: m = !1,
     required: b = !1,
     error: y
-  }, A) => {
-    const [f, x] = O(), [_, R] = O(l1), [j, q] = O(!1), [F, E] = O(), [T, V] = O(!1), [Z, D] = O(
-      h ?? []
-    ), B = F1(_.offset), U = F1(F), [I, Y] = O(!1), P = J(!1), e1 = $(
+  }, I) => {
+    const [f, x] = O(), [_, R] = O(l1), [j, q] = O(!1), [F, E] = O(), [T, A] = O(!1), [Z, D] = O(
+      c ?? []
+    ), B = F1(_.offset), U = F1(F), [V, $] = O(!1), Y = J(!1), e1 = P(
       async ({
-        limit: S = V1,
+        limit: S = A1,
         offset: z,
         search: N
       }) => {
@@ -5708,36 +5708,36 @@ const V1 = 100, l1 = {
       [i]
     ), t1 = St((S) => {
       E(S), S || R(l1);
-    }), g1 = $(
+    }), g1 = P(
       (S) => t1(S),
       [t1]
-    ), v1 = $(
+    ), v1 = P(
       async (S) => {
         j || S && _.count && _.count > ((f == null ? void 0 : f.length) ?? 0) && R((z) => ({
           ...z,
-          offset: z.offset + V1
+          offset: z.offset + A1
         }));
       },
       [j, f == null ? void 0 : f.length, _.count]
-    ), N1 = $(
+    ), N1 = P(
       (S) => {
-        V(S), !S && F && (E(void 0), R(l1), Y(!0)), g == null || g(S);
+        A(S), !S && F && (E(void 0), R(l1), $(!0)), g == null || g(S);
       },
       [g, F]
     );
     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;
+      !Y.current || j || (V || T && (B !== _.offset || U !== F || !f)) && (e1({ offset: _.offset, limit: A1, search: F }), V && $(!1));
+    }, [V, T, _.offset, F, B, U, f, j]), G(() => {
+      (d || l) && e1(l1), Y.current = !0;
     }, []), G(() => {
-      h && D((S) => {
-        const z = h.filter(
+      c && D((S) => {
+        const z = c.filter(
           (N) => !S.some((H) => H.value === N.value)
         );
         return [...S, ...z];
       });
-    }, [h]);
-    const o1 = $(
+    }, [c]);
+    const o1 = P(
       (S) => {
         t && t(S);
         let z = [];
@@ -5754,7 +5754,7 @@ const V1 = 100, l1 = {
                 label: (a1 == null ? void 0 : a1.label) ?? K
               };
             })
-          ]), E(void 0), R(l1), Y(!0);
+          ]), E(void 0), R(l1), $(!0);
         }
       },
       [t, F, C, f, Z]
@@ -5764,13 +5764,13 @@ const V1 = 100, l1 = {
         width: e,
         options: f || [],
         onChange: o1,
-        ref: A,
+        ref: I,
         placeholder: a,
         search: !0,
         value: s,
         onSearchChange: g1,
         onDropdownVisibleChange: N1,
-        scrollThresholdValue: c,
+        scrollThresholdValue: h,
         onScrollToEnd: v1,
         disabled: o,
         extraOptions: Z,
@@ -5787,12 +5787,12 @@ const V1 = 100, l1 = {
         e,
         f,
         o1,
-        A,
+        I,
         a,
         s,
         g1,
         N1,
-        c,
+        h,
         v1,
         o,
         Z,
@@ -5805,9 +5805,9 @@ const V1 = 100, l1 = {
         y
       ]
     );
-    return k1(A, () => ({
+    return k1(I, () => ({
       refetchOptions: async () => {
-        R(l1), E(void 0), Y(!0);
+        R(l1), E(void 0), $(!0);
       }
     })), C ? /* @__PURE__ */ r(j1, { ...R1, value: s, mode: C }) : /* @__PURE__ */ r("div", { className: "snmt-async-select", children: /* @__PURE__ */ r(j1, { ...R1, value: s }) });
   }
@@ -5860,11 +5860,11 @@ const g2 = (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;
-  const c = (a, C) => {
+  const h = (a, C) => {
     const d = e.services.backendConnector.state[`${a}|${C}`];
     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)));
+  return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !h(e.isLanguageChangingTo, i) ? !1 : !!(e.hasResourceBundle(s, i) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || h(s, i) && (!n || h(o, i)));
 }, 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, {
@@ -5873,7 +5873,7 @@ const g2 = (i, e) => () => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && n.services.backendConnector.backend && n.isLanguageChangingTo && !o(n.isLanguageChangingTo, i)) return !1;
     }
   }) : 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 = {
+}, n1 = (i) => typeof i == "string", Yt = (i) => typeof i == "object" && i !== null, $t = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Pt = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -5894,7 +5894,7 @@ const g2 = (i, e) => () => {
   "&#8230;": "…",
   "&#x2F;": "/",
   "&#47;": "/"
-}, jt = (i) => $t[i], Ft = (i) => i.replace(Yt, jt);
+}, jt = (i) => Pt[i], Ft = (i) => i.replace($t, jt);
 let S1 = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
@@ -5937,7 +5937,7 @@ const e7 = (i, e) => {
   return G(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, 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) {
+}, p2 = (i, e, t, s) => i.getFixedT(e, t, s), t7 = (i, e, t, s) => P(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
@@ -5947,21 +5947,21 @@ const e7 = (i, e) => {
   } = 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 f = (_, R) => n1(R) ? R : Pt(R) && n1(R.defaultValue) ? R.defaultValue : Array.isArray(_) ? _[_.length - 1] : _, x = [f, {}, !1];
+    const f = (_, R) => n1(R) ? R : Yt(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 = {
+  const h = {
     ...Ut(),
     ...o.options.react,
     ...e
   }, {
     useSuspense: a,
     keyPrefix: C
-  } = c;
+  } = h;
   let d = i;
   d = n1(d) ? [d] : d || ["translation"], o.reportNamespaces.addUsedNamespaces && o.reportNamespaces.addUsedNamespaces(d);
-  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);
+  const l = (o.isInitialized || o.initializedStoreOnce) && d.every((f) => Bt(f, o, h)), c = t7(o, e.lng || null, h.nsMode === "fallback" ? d : d[0], C), g = () => c, p = () => p2(o, e.lng || null, h.nsMode === "fallback" ? d : d[0], C), [w, v] = O(g);
   let m = d.join();
   e.lng && (m = `${e.lng}${m}`);
   const b = e7(m), y = J(!0);
@@ -5969,7 +5969,7 @@ const e7 = (i, e) => {
     const {
       bindI18n: f,
       bindI18nStore: x
-    } = c;
+    } = h;
     y.current = !0, !l && !a && (e.lng ? J1(o, e.lng, d, () => {
       y.current && v(p);
     }) : z1(o, d, () => {
@@ -5984,8 +5984,8 @@ const e7 = (i, e) => {
   }, [o, m]), G(() => {
     y.current && l && v(g);
   }, [o, C, l]);
-  const A = [w, o, l];
-  if (A.t = w, A.i18n = o, A.ready = l, l || !l && !a) return A;
+  const I = [w, o, l];
+  if (I.t = w, I.i18n = o, I.ready = l, l || !l && !a) return I;
   throw new Promise((f) => {
     e.lng ? J1(o, e.lng, d, () => f()) : z1(o, d, () => f());
   });
@@ -6020,9 +6020,9 @@ const e7 = (i, e) => {
     s[n] = t;
     return;
   }
-  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 = w1(i, c, Object), a && a.obj && typeof a.obj[`${a.k}.${o}`] < "u" && (a.obj = void 0);
+  let o = e[e.length - 1], h = e.slice(0, e.length - 1), a = w1(i, h, Object);
+  for (; a.obj === void 0 && h.length; )
+    o = `${h[h.length - 1]}.${o}`, h = h.slice(0, h.length - 1), a = w1(i, h, Object), a && a.obj && typeof a.obj[`${a.k}.${o}`] < "u" && (a.obj = void 0);
   a.obj[`${a.k}.${o}`] = t;
 }, r7 = (i, e, t, s) => {
   const {
@@ -6044,7 +6044,7 @@ const e7 = (i, e) => {
   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]) : f2(i[s], e[s], t) : i[s] = e[s]);
   return i;
-}, h1 = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+}, c1 = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
 var a7 = {
   "&": "&amp;",
   "<": "&lt;",
@@ -6054,7 +6054,7 @@ var a7 = {
   "/": "&#x2F;"
 };
 const l7 = (i) => M(i) ? i.replace(/[&<>"'\/]/g, (e) => a7[e]) : i;
-class h7 {
+class c7 {
   constructor(e) {
     this.capacity = e, this.regExpMap = /* @__PURE__ */ new Map(), this.regExpQueue = [];
   }
@@ -6066,15 +6066,15 @@ class h7 {
     return this.regExpQueue.length === this.capacity && this.regExpMap.delete(this.regExpQueue.shift()), this.regExpMap.set(e, s), this.regExpQueue.push(e), s;
   }
 }
-const c7 = [" ", ",", "?", "!", ";"], d7 = new h7(20), C7 = (i, e, t) => {
+const h7 = [" ", ",", "?", "!", ";"], d7 = new c7(20), C7 = (i, e, t) => {
   e = e || "", t = t || "";
-  const s = c7.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
+  const s = h7.filter((h) => e.indexOf(h) < 0 && t.indexOf(h) < 0);
   if (s.length === 0) return !0;
-  const n = d7.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
+  const n = d7.getRegExp(`(${s.map((h) => h === "?" ? "\\?" : h).join("|")})`);
   let o = !n.test(i);
   if (!o) {
-    const c = i.indexOf(t);
-    c > 0 && !n.test(i.substring(0, c)) && (o = !0);
+    const h = i.indexOf(t);
+    h > 0 && !n.test(i.substring(0, h)) && (o = !0);
   }
   return o;
 }, D1 = function(i, e) {
@@ -6086,15 +6086,15 @@ const c7 = [" ", ",", "?", "!", ";"], d7 = new h7(20), C7 = (i, e, t) => {
   for (let o = 0; o < s.length; ) {
     if (!n || typeof n != "object")
       return;
-    let c, a = "";
+    let h, a = "";
     for (let C = o; C < s.length; ++C)
-      if (C !== o && (a += t), a += s[C], c = n[a], c !== void 0) {
-        if (["string", "number", "boolean"].indexOf(typeof c) > -1 && C < s.length - 1)
+      if (C !== o && (a += t), a += s[C], h = n[a], h !== void 0) {
+        if (["string", "number", "boolean"].indexOf(typeof h) > -1 && C < s.length - 1)
           continue;
         o += C - o + 1;
         break;
       }
-    n = c;
+    n = h;
   }
   return n;
 }, b1 = (i) => i && i.replace("_", "-"), g7 = {
@@ -6178,12 +6178,12 @@ class E1 {
   emit(e) {
     for (var t = arguments.length, s = new Array(t > 1 ? t - 1 : 0), n = 1; n < t; n++)
       s[n - 1] = arguments[n];
-    this.observers[e] && Array.from(this.observers[e].entries()).forEach((c) => {
-      let [a, C] = c;
+    this.observers[e] && Array.from(this.observers[e].entries()).forEach((h) => {
+      let [a, C] = h;
       for (let d = 0; d < C; d++)
         a(...s);
-    }), this.observers["*"] && Array.from(this.observers["*"].entries()).forEach((c) => {
-      let [a, C] = c;
+    }), this.observers["*"] && Array.from(this.observers["*"].entries()).forEach((h) => {
+      let [a, C] = h;
       for (let d = 0; d < C; d++)
         a.apply(a, [e, ...s]);
     });
@@ -6206,19 +6206,19 @@ class t2 extends E1 {
   }
   getResource(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
-    const o = n.keySeparator !== void 0 ? n.keySeparator : this.options.keySeparator, c = n.ignoreJSONStructure !== void 0 ? n.ignoreJSONStructure : this.options.ignoreJSONStructure;
+    const o = n.keySeparator !== void 0 ? n.keySeparator : this.options.keySeparator, h = 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 = 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);
+    return !C && !t && !s && e.indexOf(".") > -1 && (e = a[0], t = a[1], s = a.slice(2).join(".")), C || !h || !M(s) ? C : D1(this.data && this.data[e] && this.data[e][t], s, o);
   }
   addResource(e, t, s, n) {
     let o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {
       silent: !1
     };
-    const c = o.keySeparator !== void 0 ? o.keySeparator : this.options.keySeparator;
+    const h = 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), e2(this.data, a, n), o.silent || this.emit("added", e, t, s, n);
+    s && (a = a.concat(h ? s.split(h) : 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] : {
@@ -6231,16 +6231,16 @@ class t2 extends E1 {
     n.silent || this.emit("added", e, t, s);
   }
   addResourceBundle(e, t, s, n, o) {
-    let c = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : {
+    let h = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : {
       silent: !1,
       skipCopy: !1
     }, a = [e, t];
     e.indexOf(".") > -1 && (a = e.split("."), n = s, s = t, t = a[1]), this.addNamespaces(t);
     let C = M1(this.data, a) || {};
-    c.skipCopy || (s = JSON.parse(JSON.stringify(s))), n ? f2(C, s, o) : C = {
+    h.skipCopy || (s = JSON.parse(JSON.stringify(s))), n ? f2(C, s, o) : C = {
       ...C,
       ...s
-    }, e2(this.data, a, C), c.silent || this.emit("added", e, t, s);
+    }, e2(this.data, a, C), h.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);
@@ -6298,8 +6298,8 @@ class H1 extends E1 {
     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 && !C7(e, s, n);
-    if (c && !a) {
+    const h = s && e.indexOf(s) > -1, a = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !C7(e, s, n);
+    if (h && !a) {
       const C = e.match(this.interpolator.nestingRegexp);
       if (C && C.length > 0)
         return {
@@ -6320,41 +6320,41 @@ class H1 extends E1 {
     }), t || (t = {}), e == null) return "";
     Array.isArray(e) || (e = [String(e)]);
     const n = t.returnDetails !== void 0 ? t.returnDetails : this.options.returnDetails, o = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator, {
-      key: c,
+      key: h,
       namespaces: a
     } = 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 f = t.nsSeparator || this.options.nsSeparator;
         return n ? {
-          res: `${C}${f}${c}`,
-          usedKey: c,
-          exactUsedKey: c,
+          res: `${C}${f}${h}`,
+          usedKey: h,
+          exactUsedKey: h,
           usedLng: d,
           usedNS: C,
           usedParams: this.getUsedParamsDetails(t)
-        } : `${C}${f}${c}`;
+        } : `${C}${f}${h}`;
       }
       return n ? {
-        res: c,
-        usedKey: c,
-        exactUsedKey: c,
+        res: h,
+        usedKey: h,
+        exactUsedKey: h,
         usedLng: d,
         usedNS: C,
         usedParams: this.getUsedParamsDetails(t)
-      } : c;
+      } : h;
     }
-    const h = this.resolve(e, t);
-    let g = h && h.res;
-    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))) {
+    const c = this.resolve(e, t);
+    let g = c && c.res;
+    const p = c && c.usedKey || h, w = c && c.exactUsedKey || h, 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, I = !M(g) && typeof g != "boolean" && typeof g != "number";
+    if (y && g && I && 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 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 = f, h.usedParams = this.getUsedParamsDetails(t), h) : f;
+        }) : `key '${h} (${this.language})' returned an object instead of string.`;
+        return n ? (c.res = f, c.usedParams = this.getUsedParamsDetails(t), c) : f;
       }
       if (o) {
         const f = Array.isArray(g), x = f ? [] : {}, _ = f ? w : p;
@@ -6376,39 +6376,39 @@ class H1 extends E1 {
       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(), 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;
+      !this.isValidLookup(g) && R && (f = !0, g = E), this.isValidLookup(g) || (x = !0, g = h);
+      const A = (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, {
+        if (this.logger.log(Z ? "updateKey" : "missingKey", d, C, h, Z ? E : g), o) {
+          const V = this.resolve(h, {
             ...t,
             keySeparator: !1
           });
-          I && I.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
+          V && V.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
         }
         let D = [];
         const B = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
         if (this.options.saveMissingTo === "fallback" && B && B[0])
-          for (let I = 0; I < B.length; I++)
-            D.push(B[I]);
+          for (let V = 0; V < B.length; V++)
+            D.push(B[V]);
         else this.options.saveMissingTo === "all" ? D = this.languageUtils.toResolveHierarchy(t.lng || this.language) : D.push(t.lng || this.language);
-        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);
+        const U = (V, $, Y) => {
+          const e1 = R && Y !== g ? Y : A;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(V, C, $, e1, Z, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(V, C, $, e1, Z, t), this.emit("missingKey", V, C, $, 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) => {
-            U([I], c + P, t[`defaultValue${P}`] || E);
+        this.options.saveMissing && (this.options.saveMissingPlurals && _ ? D.forEach((V) => {
+          const $ = this.pluralResolver.getSuffixes(V, t);
+          F && t[`defaultValue${this.options.pluralSeparator}zero`] && $.indexOf(`${this.options.pluralSeparator}zero`) < 0 && $.push(`${this.options.pluralSeparator}zero`), $.forEach((Y) => {
+            U([V], h + Y, t[`defaultValue${Y}`] || E);
           });
-        }) : U(D, c, E));
+        }) : U(D, h, E));
       }
-      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));
+      g = this.extendTranslation(g, e, t, c, s), x && g === h && this.options.appendNamespaceToMissingKey && (g = `${C}:${h}`), (x || f) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? g = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${C}:${h}` : h, f ? g : void 0) : g = this.options.parseMissingKeyHandler(g));
     }
-    return n ? (h.res = g, h.usedParams = this.getUsedParamsDetails(t), h) : g;
+    return n ? (c.res = g, c.usedParams = this.getUsedParamsDetails(t), c) : g;
   }
   extendTranslation(e, t, s, n, o) {
-    var c = this;
+    var h = this;
     if (this.i18nFormat && this.i18nFormat.parse)
       e = this.i18nFormat.parse(e, {
         ...this.options.interpolation.defaultVariables,
@@ -6430,18 +6430,18 @@ class H1 extends E1 {
         const g = e.match(this.interpolator.nestingRegexp);
         l = g && g.length;
       }
-      let h = s.replace && !M(s.replace) ? s.replace : s;
-      if (this.options.interpolation.defaultVariables && (h = {
+      let c = s.replace && !M(s.replace) ? s.replace : s;
+      if (this.options.interpolation.defaultVariables && (c = {
         ...this.options.interpolation.defaultVariables,
-        ...h
-      }), e = this.interpolator.interpolate(e, h, s.lng || this.language || n.usedLng, s), d) {
+        ...c
+      }), e = this.interpolator.interpolate(e, c, s.lng || this.language || n.usedLng, s), d) {
         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, 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);
+        return o && o[0] === p[0] && !s.context ? (h.logger.warn(`It seems you are nesting recursively key: ${p[0]} in key: ${t[0]}`), null) : h.translate(...p, t);
       }, s)), s.interpolation && this.interpolator.reset();
     }
     const a = s.postProcess || this.options.postProcess, C = M(a) ? [a] : a;
@@ -6454,18 +6454,18 @@ class H1 extends E1 {
     } : s, this)), e;
   }
   resolve(e) {
-    let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, s, n, o, c, a;
+    let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, s, n, o, h, a;
     return M(e) && (e = [e]), e.forEach((C) => {
       if (this.isValidLookup(s)) return;
       const d = this.extractFromKey(C, t), l = d.key;
       n = l;
-      let h = d.namespaces;
-      this.options.fallbackNS && (h = h.concat(this.options.fallbackNS));
+      let c = d.namespaces;
+      this.options.fallbackNS && (c = c.concat(this.options.fallbackNS));
       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) => {
+      c.forEach((m) => {
         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 = b;
+          h = b;
           const y = [l];
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
             this.i18nFormat.addLookupKeys(y, l, b, m, t);
@@ -6478,16 +6478,16 @@ class H1 extends E1 {
               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 = y.pop(); )
-            this.isValidLookup(s) || (o = A, s = this.getResource(b, m, A, t));
+          let I;
+          for (; I = y.pop(); )
+            this.isValidLookup(s) || (o = I, s = this.getResource(b, m, I, t));
         }));
       });
     }), {
       res: s,
       usedKey: n,
       exactUsedKey: o,
-      usedLng: c,
+      usedLng: h,
       usedNS: a
     };
   }
@@ -6522,7 +6522,7 @@ class H1 extends E1 {
     return !1;
   }
 }
-const I1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
+const V1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
 class s2 {
   constructor(e) {
     this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = X.create("languageUtils");
@@ -6547,7 +6547,7 @@ class s2 {
         }
       const t = ["hans", "hant", "latn", "cyrl", "cans", "mong", "arab"];
       let s = e.split("-");
-      return this.options.lowerCaseLng ? s = s.map((n) => n.toLowerCase()) : s.length === 2 ? (s[0] = s[0].toLowerCase(), s[1] = s[1].toUpperCase(), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = I1(s[1].toLowerCase()))) : s.length === 3 && (s[0] = s[0].toLowerCase(), s[1].length === 2 && (s[1] = s[1].toUpperCase()), s[0] !== "sgn" && s[2].length === 2 && (s[2] = s[2].toUpperCase()), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = I1(s[1].toLowerCase())), t.indexOf(s[2].toLowerCase()) > -1 && (s[2] = I1(s[2].toLowerCase()))), s.join("-");
+      return this.options.lowerCaseLng ? s = s.map((n) => n.toLowerCase()) : s.length === 2 ? (s[0] = s[0].toLowerCase(), s[1] = s[1].toUpperCase(), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = V1(s[1].toLowerCase()))) : s.length === 3 && (s[0] = s[0].toLowerCase(), s[1].length === 2 && (s[1] = s[1].toUpperCase()), s[0] !== "sgn" && s[2].length === 2 && (s[2] = s[2].toUpperCase()), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = V1(s[1].toLowerCase())), t.indexOf(s[2].toLowerCase()) > -1 && (s[2] = V1(s[2].toLowerCase()))), s.join("-");
     }
     return this.options.cleanCode || this.options.lowerCaseLng ? e.toLowerCase() : e;
   }
@@ -6580,11 +6580,11 @@ class s2 {
     return s || (s = e[this.getScriptPartFromCode(t)]), s || (s = e[this.formatLanguageCode(t)]), s || (s = e[this.getLanguagePartFromCode(t)]), s || (s = e.default), s || [];
   }
   toResolveHierarchy(e, t) {
-    const s = this.getFallbackCodes(t || this.options.fallbackLng || [], e), n = [], o = (c) => {
-      c && (this.isSupportedCode(c) ? n.push(c) : this.logger.warn(`rejecting language code not found in supportedLngs: ${c}`));
+    const s = this.getFallbackCodes(t || this.options.fallbackLng || [], e), n = [], o = (h) => {
+      h && (this.isSupportedCode(h) ? n.push(h) : this.logger.warn(`rejecting language code not found in supportedLngs: ${h}`));
     };
-    return M(e) && (e.indexOf("-") > -1 || e.indexOf("_") > -1) ? (this.options.load !== "languageOnly" && o(this.formatLanguageCode(e)), this.options.load !== "languageOnly" && this.options.load !== "currentOnly" && o(this.getScriptPartFromCode(e)), this.options.load !== "currentOnly" && o(this.getLanguagePartFromCode(e))) : M(e) && o(this.formatLanguageCode(e)), s.forEach((c) => {
-      n.indexOf(c) < 0 && o(this.formatLanguageCode(c));
+    return M(e) && (e.indexOf("-") > -1 || e.indexOf("_") > -1) ? (this.options.load !== "languageOnly" && o(this.formatLanguageCode(e)), this.options.load !== "languageOnly" && this.options.load !== "currentOnly" && o(this.getScriptPartFromCode(e)), this.options.load !== "currentOnly" && o(this.getLanguagePartFromCode(e))) : M(e) && o(this.formatLanguageCode(e)), s.forEach((h) => {
+      n.indexOf(h) < 0 && o(this.formatLanguageCode(h));
     }), n;
   }
 }
@@ -6742,17 +6742,17 @@ class L7 {
       });
       if (o in this.pluralRulesCache)
         return this.pluralRulesCache[o];
-      let c;
+      let h;
       try {
-        c = new Intl.PluralRules(s, {
+        h = new Intl.PluralRules(s, {
           type: n
         });
       } catch {
         if (!e.match(/-|_/)) return;
         const C = this.languageUtils.getLanguagePartFromCode(e);
-        c = this.getRule(C, t);
+        h = this.getRule(C, t);
       }
-      return this.pluralRulesCache[o] = c, c;
+      return this.pluralRulesCache[o] = h, h;
     }
     return this.rules[e] || this.rules[this.languageUtils.getLanguagePartFromCode(e)];
   }
@@ -6789,7 +6789,7 @@ class L7 {
 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, "$$$$");
+}, I1 = (i) => i.replace(/\$/g, "$$$$");
 class k7 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -6805,12 +6805,12 @@ class k7 {
       escapeValue: s,
       useRawValueToEscape: n,
       prefix: o,
-      prefixEscaped: c,
+      prefixEscaped: h,
       suffix: a,
       suffixEscaped: C,
       formatSeparator: d,
       unescapeSuffix: l,
-      unescapePrefix: h,
+      unescapePrefix: c,
       nestingPrefix: g,
       nestingPrefixEscaped: p,
       nestingSuffix: w,
@@ -6819,7 +6819,7 @@ class k7 {
       maxReplaces: b,
       alwaysFormat: y
     } = e.interpolation;
-    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();
+    this.escape = t !== void 0 ? t : l7, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = o ? c1(o) : h || "{{", this.suffix = a ? c1(a) : C || "}}", this.formatSeparator = d || ",", this.unescapePrefix = l ? "" : c || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = g ? c1(g) : p || c1("$t("), this.nestingSuffix = w ? c1(w) : v || c1(")"), this.nestingOptionsSeparator = m || ",", this.maxReplaces = b || 1e3, this.alwaysFormat = y !== void 0 ? y : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -6829,7 +6829,7 @@ class k7 {
     this.regexp = e(this.regexp, `${this.prefix}(.+?)${this.suffix}`), this.regexpUnescape = e(this.regexpUnescape, `${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`), this.nestingRegexp = e(this.nestingRegexp, `${this.nestingPrefix}(.+?)${this.nestingSuffix}`);
   }
   interpolate(e, t, s, n) {
-    let o, c, a;
+    let o, h, a;
     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);
@@ -6847,66 +6847,66 @@ class k7 {
       });
     };
     this.resetRegExp();
-    const l = n && n.missingInterpolationHandler || this.options.missingInterpolationHandler, h = n && n.interpolation && n.interpolation.skipOnVariables !== void 0 ? n.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
+    const l = n && n.missingInterpolationHandler || this.options.missingInterpolationHandler, c = n && n.interpolation && n.interpolation.skipOnVariables !== void 0 ? n.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
     return [{
       regex: this.regexpUnescape,
-      safeValue: (p) => A1(p)
+      safeValue: (p) => I1(p)
     }, {
       regex: this.regexp,
-      safeValue: (p) => this.escapeValue ? A1(this.escape(p)) : A1(p)
+      safeValue: (p) => this.escapeValue ? I1(this.escape(p)) : I1(p)
     }].forEach((p) => {
       for (a = 0; o = p.regex.exec(e); ) {
         const w = o[1].trim();
-        if (c = d(w), c === void 0)
+        if (h = d(w), h === void 0)
           if (typeof l == "function") {
             const m = l(e, o, n);
-            c = M(m) ? m : "";
+            h = M(m) ? m : "";
           } else if (n && Object.prototype.hasOwnProperty.call(n, w))
-            c = "";
-          else if (h) {
-            c = o[0];
+            h = "";
+          else if (c) {
+            h = o[0];
             continue;
           } else
-            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)
+            this.logger.warn(`missed to pass in variable ${w} for interpolating ${e}`), h = "";
+        else !M(h) && !this.useRawValueToEscape && (h = q1(h));
+        const v = p.safeValue(h);
+        if (e = e.replace(o[0], v), c ? (p.regex.lastIndex += h.length, p.regex.lastIndex -= o[0].length) : p.regex.lastIndex = 0, a++, a >= this.maxReplaces)
           break;
       }
     }), e;
   }
   nest(e, t) {
-    let s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n, o, c;
+    let s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n, o, h;
     const a = (C, d) => {
       const l = this.nestingOptionsSeparator;
       if (C.indexOf(l) < 0) return C;
-      const h = C.split(new RegExp(`${l}[ ]*{`));
-      let g = `{${h[1]}`;
-      C = h[0], g = this.interpolate(g, c);
+      const c = C.split(new RegExp(`${l}[ ]*{`));
+      let g = `{${c[1]}`;
+      C = c[0], g = this.interpolate(g, h);
       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 = {
+        h = JSON.parse(g), d && (h = {
           ...d,
-          ...c
+          ...h
         });
       } catch (v) {
         return this.logger.warn(`failed parsing options string in nesting for key ${C}`, v), `${C}${l}${g}`;
       }
-      return c.defaultValue && c.defaultValue.indexOf(this.prefix) > -1 && delete c.defaultValue, C;
+      return h.defaultValue && h.defaultValue.indexOf(this.prefix) > -1 && delete h.defaultValue, C;
     };
     for (; n = this.nestingRegexp.exec(e); ) {
       let C = [];
-      c = {
+      h = {
         ...s
-      }, c = c.replace && !M(c.replace) ? c.replace : c, c.applyPostProcessor = !1, delete c.defaultValue;
+      }, h = h.replace && !M(h.replace) ? h.replace : h, h.applyPostProcessor = !1, delete h.defaultValue;
       let d = !1;
       if (n[0].indexOf(this.formatSeparator) !== -1 && !/{.*}/.test(n[1])) {
-        const l = n[1].split(this.formatSeparator).map((h) => h.trim());
+        const l = n[1].split(this.formatSeparator).map((c) => c.trim());
         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 = 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, {
+      if (o = t(a.call(this, n[1].trim(), h), h), o && n[0] === e && !M(o)) return o;
+      M(o) || (o = q1(o)), o || (this.logger.warn(`missed to resolve ${n[1]} for nesting ${e}`), o = ""), d && (o = C.reduce((l, c) => this.format(l, c, s.lng, {
         ...s,
         interpolationkey: n[1].trim()
       }), o.trim())), e = e.replace(n[0], o), this.regexp.lastIndex = 0;
@@ -6921,9 +6921,9 @@ const v7 = (i) => {
     const s = i.split("(");
     e = s[0].toLowerCase().trim();
     const n = s[1].substring(0, s[1].length - 1);
-    e === "currency" && n.indexOf(":") < 0 ? t.currency || (t.currency = n.trim()) : e === "relativetime" && n.indexOf(":") < 0 ? t.range || (t.range = n.trim()) : n.split(";").forEach((c) => {
-      if (c) {
-        const [a, ...C] = c.split(":"), d = C.join(":").trim().replace(/^'+|'+$/g, ""), l = a.trim();
+    e === "currency" && n.indexOf(":") < 0 ? t.currency || (t.currency = n.trim()) : e === "relativetime" && n.indexOf(":") < 0 ? t.range || (t.range = n.trim()) : n.split(";").forEach((h) => {
+      if (h) {
+        const [a, ...C] = h.split(":"), d = C.join(":").trim().replace(/^'+|'+$/g, ""), l = a.trim();
         t[l] || (t[l] = d), d === "false" && (t[l] = !1), d === "true" && (t[l] = !0), isNaN(d) || (t[l] = parseInt(d, 10));
       }
     });
@@ -6932,7 +6932,7 @@ const v7 = (i) => {
     formatName: e,
     formatOptions: t
   };
-}, c1 = (i) => {
+}, h1 = (i) => {
   const e = {};
   return (t, s, n) => {
     let o = n;
@@ -6940,41 +6940,41 @@ const v7 = (i) => {
       ...o,
       [n.interpolationkey]: void 0
     });
-    const c = s + JSON.stringify(o);
-    let a = e[c];
-    return a || (a = i(b1(s), n), e[c] = a), a(t);
+    const h = s + JSON.stringify(o);
+    let a = e[h];
+    return a || (a = i(b1(s), n), e[h] = a), a(t);
   };
 };
 class N7 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     this.logger = X.create("formatter"), this.options = e, this.formats = {
-      number: c1((t, s) => {
+      number: h1((t, s) => {
         const n = new Intl.NumberFormat(t, {
           ...s
         });
         return (o) => n.format(o);
       }),
-      currency: c1((t, s) => {
+      currency: h1((t, s) => {
         const n = new Intl.NumberFormat(t, {
           ...s,
           style: "currency"
         });
         return (o) => n.format(o);
       }),
-      datetime: c1((t, s) => {
+      datetime: h1((t, s) => {
         const n = new Intl.DateTimeFormat(t, {
           ...s
         });
         return (o) => n.format(o);
       }),
-      relativetime: c1((t, s) => {
+      relativetime: h1((t, s) => {
         const n = new Intl.RelativeTimeFormat(t, {
           ...s
         });
         return (o) => n.format(o, s.range || "day");
       }),
-      list: c1((t, s) => {
+      list: h1((t, s) => {
         const n = new Intl.ListFormat(t, {
           ...s
         });
@@ -6992,7 +6992,7 @@ class N7 {
     this.formats[e.toLowerCase().trim()] = t;
   }
   addCached(e, t) {
-    this.formats[e.toLowerCase().trim()] = c1(t);
+    this.formats[e.toLowerCase().trim()] = h1(t);
   }
   format(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
@@ -7007,10 +7007,10 @@ class N7 {
         formatOptions: l
       } = v7(C);
       if (this.formats[d]) {
-        let h = a;
+        let c = a;
         try {
           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, {
+          c = this.formats[d](a, p, {
             ...l,
             ...n,
             ...g
@@ -7018,7 +7018,7 @@ class N7 {
         } catch (g) {
           this.logger.warn(g);
         }
-        return h;
+        return c;
       } else
         this.logger.warn(`there was no format function for ${d}`);
       return a;
@@ -7034,45 +7034,45 @@ class x7 extends E1 {
     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);
   }
   queueLoad(e, t, s, n) {
-    const o = {}, c = {}, a = {}, C = {};
+    const o = {}, h = {}, a = {}, C = {};
     return e.forEach((d) => {
       let l = !0;
-      t.forEach((h) => {
-        const g = `${d}|${h}`;
-        !s.reload && this.store.hasResourceBundle(d, h) ? this.state[g] = 2 : this.state[g] < 0 || (this.state[g] === 1 ? c[g] === void 0 && (c[g] = !0) : (this.state[g] = 1, l = !1, c[g] === void 0 && (c[g] = !0), o[g] === void 0 && (o[g] = !0), C[h] === void 0 && (C[h] = !0)));
+      t.forEach((c) => {
+        const g = `${d}|${c}`;
+        !s.reload && this.store.hasResourceBundle(d, c) ? this.state[g] = 2 : this.state[g] < 0 || (this.state[g] === 1 ? h[g] === void 0 && (h[g] = !0) : (this.state[g] = 1, l = !1, h[g] === void 0 && (h[g] = !0), o[g] === void 0 && (o[g] = !0), C[c] === void 0 && (C[c] = !0)));
       }), l || (a[d] = !0);
-    }), (Object.keys(o).length || Object.keys(c).length) && this.queue.push({
-      pending: c,
-      pendingCount: Object.keys(c).length,
+    }), (Object.keys(o).length || Object.keys(h).length) && this.queue.push({
+      pending: h,
+      pendingCount: Object.keys(h).length,
       loaded: {},
       errors: [],
       callback: n
     }), {
       toLoad: Object.keys(o),
-      pending: Object.keys(c),
+      pending: Object.keys(h),
       toLoadLanguages: Object.keys(a),
       toLoadNamespaces: Object.keys(C)
     };
   }
   loaded(e, t, s) {
-    const n = e.split("|"), o = n[0], c = n[1];
-    t && this.emit("failedLoading", o, c, t), !t && s && this.store.addResourceBundle(o, c, s, void 0, void 0, {
+    const n = e.split("|"), o = n[0], h = n[1];
+    t && this.emit("failedLoading", o, h, t), !t && s && this.store.addResourceBundle(o, h, s, void 0, void 0, {
       skipCopy: !0
     }), this.state[e] = t ? -1 : 2, t && s && (this.state[e] = 0);
     const a = {};
     this.queue.forEach((C) => {
-      r7(C.loaded, [o], c), R7(C, e), t && C.errors.push(t), C.pendingCount === 0 && !C.done && (Object.keys(C.loaded).forEach((d) => {
+      r7(C.loaded, [o], h), 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) => {
-          a[d][h] === void 0 && (a[d][h] = !0);
+        l.length && l.forEach((c) => {
+          a[d][c] === void 0 && (a[d][c] = !0);
         });
       }), C.done = !0, C.errors.length ? C.callback(C.errors) : C.callback());
     }), this.emit("loaded", a), this.queue = this.queue.filter((C) => !C.done);
   }
   read(e, t, s) {
-    let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0, o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : this.retryTimeout, c = arguments.length > 5 ? arguments[5] : void 0;
-    if (!e.length) return c(null, {});
+    let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0, o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : this.retryTimeout, h = arguments.length > 5 ? arguments[5] : void 0;
+    if (!e.length) return h(null, {});
     if (this.readingCalls >= this.maxParallelReads) {
       this.waitingReads.push({
         lng: e,
@@ -7080,23 +7080,23 @@ class x7 extends E1 {
         fcName: s,
         tried: n,
         wait: o,
-        callback: c
+        callback: h
       });
       return;
     }
     this.readingCalls++;
     const a = (d, l) => {
       if (this.readingCalls--, this.waitingReads.length > 0) {
-        const h = this.waitingReads.shift();
-        this.read(h.lng, h.ns, h.fcName, h.tried, h.wait, h.callback);
+        const c = this.waitingReads.shift();
+        this.read(c.lng, c.ns, c.fcName, c.tried, c.wait, c.callback);
       }
       if (d && l && n < this.maxRetries) {
         setTimeout(() => {
-          this.read.call(this, e, t, s, n + 1, o * 2, c);
+          this.read.call(this, e, t, s, n + 1, o * 2, h);
         }, o);
         return;
       }
-      c(d, l);
+      h(d, l);
     }, C = this.backend[s].bind(this.backend);
     if (C.length === 2) {
       try {
@@ -7117,8 +7117,8 @@ class x7 extends E1 {
     const o = this.queueLoad(e, t, s, n);
     if (!o.toLoad.length)
       return o.pending.length || n(), null;
-    o.toLoad.forEach((c) => {
-      this.loadOne(c);
+    o.toLoad.forEach((h) => {
+      this.loadOne(h);
     });
   }
   load(e, t, s) {
@@ -7132,12 +7132,12 @@ class x7 extends E1 {
   loadOne(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
     const s = e.split("|"), n = s[0], o = s[1];
-    this.read(n, o, "read", void 0, void 0, (c, a) => {
-      c && this.logger.warn(`${t}loading namespace ${o} for language ${n} failed`, c), !c && a && this.logger.log(`${t}loaded namespace ${o} for language ${n}`, a), this.loaded(e, c, a);
+    this.read(n, o, "read", void 0, void 0, (h, a) => {
+      h && this.logger.warn(`${t}loading namespace ${o} for language ${n} failed`, h), !h && a && this.logger.log(`${t}loaded namespace ${o} for language ${n}`, a), this.loaded(e, h, a);
     });
   }
   saveMissing(e, t, s, n, o) {
-    let c = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : {}, a = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : () => {
+    let h = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : {}, a = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : () => {
     };
     if (this.services.utils && this.services.utils.hasLoadedNamespace && !this.services.utils.hasLoadedNamespace(t)) {
       this.logger.warn(`did not save key "${s}" as the namespace "${t}" 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!!!");
@@ -7146,13 +7146,13 @@ class x7 extends E1 {
     if (!(s == null || s === "")) {
       if (this.backend && this.backend.create) {
         const C = {
-          ...c,
+          ...h,
           isUpdate: o
         }, d = this.backend.create.bind(this.backend);
         if (d.length < 6)
           try {
             let l;
-            d.length === 5 ? l = d(e, t, s, n, C) : l = d(e, t, s, n), l && typeof l.then == "function" ? l.then((h) => a(null, h)).catch(a) : a(null, l);
+            d.length === 5 ? l = d(e, t, s, n, C) : l = d(e, t, s, n), l && typeof l.then == "function" ? l.then((c) => a(null, c)).catch(a) : a(null, l);
           } catch (l) {
             a(l);
           }
@@ -7256,10 +7256,10 @@ class L1 extends E1 {
       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 = N7);
-      const h = new s2(this.options);
+      const c = 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 L7(h, {
+      g.logger = X, g.resourceStore = this.store, g.languageUtils = c, g.pluralResolver = new L7(c, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
@@ -7291,8 +7291,8 @@ class L1 extends E1 {
       };
     });
     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);
+      const l = (c, 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(c, g);
       };
       if (this.languages && this.options.compatibilityAPI !== "v1" && !this.isInitialized) return l(null, this.t.bind(this));
       this.changeLanguage(this.options.lng, l);
@@ -7304,13 +7304,13 @@ class L1 extends E1 {
     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();
-      const o = [], c = (a) => {
+      const o = [], h = (a) => {
         if (!a || a === "cimode") return;
         this.services.languageUtils.toResolveHierarchy(a).forEach((d) => {
           d !== "cimode" && o.indexOf(d) < 0 && o.push(d);
         });
       };
-      n ? c(n) : this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((C) => c(C)), this.options.preload && this.options.preload.forEach((a) => c(a)), this.services.backendConnector.load(o, this.options.ns, (a) => {
+      n ? h(n) : this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((C) => h(C)), this.options.preload && this.options.preload.forEach((a) => h(a)), this.services.backendConnector.load(o, this.options.ns, (a) => {
         !a && !this.resolvedLanguage && this.language && this.setResolvedLanguage(this.language), s(a);
       });
     } else
@@ -7344,7 +7344,7 @@ class L1 extends E1 {
     this.emit("languageChanging", e);
     const o = (C) => {
       this.language = C, this.languages = this.services.languageUtils.toResolveHierarchy(C), this.resolvedLanguage = void 0, this.setResolvedLanguage(C);
-    }, c = (C, d) => {
+    }, h = (C, d) => {
       d ? (o(d), this.translator.changeLanguage(d), this.isLanguageChangingTo = void 0, this.emit("languageChanged", d), this.logger.log("languageChanged", d)) : this.isLanguageChangingTo = void 0, n.resolve(function() {
         return s.t(...arguments);
       }), t && t(C, function() {
@@ -7354,19 +7354,19 @@ class L1 extends E1 {
       !e && !C && this.services.languageDetector && (C = []);
       const d = M(C) ? C : this.services.languageUtils.getBestMatchFromCodes(C);
       d && (this.language || o(d), this.translator.language || this.translator.changeLanguage(d), this.services.languageDetector && this.services.languageDetector.cacheUserLanguage && this.services.languageDetector.cacheUserLanguage(d)), this.loadResources(d, (l) => {
-        c(l, d);
+        h(l, d);
       });
     };
     return !e && this.services.languageDetector && !this.services.languageDetector.async ? a(this.services.languageDetector.detect()) : !e && this.services.languageDetector && this.services.languageDetector.async ? this.services.languageDetector.detect.length === 0 ? this.services.languageDetector.detect().then(a) : this.services.languageDetector.detect(a) : a(e), n;
   }
   getFixedT(e, t, s) {
     var n = this;
-    const o = function(c, a) {
+    const o = function(h, a) {
       let C;
       if (typeof a != "object") {
-        for (var d = arguments.length, l = new Array(d > 2 ? d - 2 : 0), h = 2; h < d; h++)
-          l[h - 2] = arguments[h];
-        C = n.options.overloadTranslationOptionHandler([c, a].concat(l));
+        for (var d = arguments.length, l = new Array(d > 2 ? d - 2 : 0), c = 2; c < d; c++)
+          l[c - 2] = arguments[c];
+        C = n.options.overloadTranslationOptionHandler([h, a].concat(l));
       } else
         C = {
           ...a
@@ -7374,7 +7374,7 @@ class L1 extends E1 {
       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 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 C.keyPrefix && Array.isArray(h) ? p = h.map((w) => `${C.keyPrefix}${g}${w}`) : p = C.keyPrefix ? `${C.keyPrefix}${g}${h}` : h, n.t(p, C);
     };
     return M(e) ? o.lng = e : o.lngs = e, o.ns = t, o.keyPrefix = s, o;
   }
@@ -7395,15 +7395,15 @@ class L1 extends E1 {
       return this.logger.warn("hasLoadedNamespace: i18n.languages were undefined or empty", this.languages), !1;
     const s = t.lng || this.resolvedLanguage || this.languages[0], n = this.options ? this.options.fallbackLng : !1, o = this.languages[this.languages.length - 1];
     if (s.toLowerCase() === "cimode") return !0;
-    const c = (a, C) => {
+    const h = (a, C) => {
       const d = this.services.backendConnector.state[`${a}|${C}`];
       return d === -1 || d === 0 || d === 2;
     };
     if (t.precheck) {
-      const a = t.precheck(this, c);
+      const a = t.precheck(this, h);
       if (a !== void 0) return a;
     }
-    return !!(this.hasResourceBundle(s, e) || !this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages || c(s, e) && (!n || c(o, e)));
+    return !!(this.hasResourceBundle(s, e) || !this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages || h(s, e) && (!n || h(o, e)));
   }
   loadNamespaces(e, t) {
     const s = p1();
@@ -7416,9 +7416,9 @@ class L1 extends E1 {
   loadLanguages(e, t) {
     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) => {
-      s.resolve(), t && t(c);
+    const n = this.options.preload || [], o = e.filter((h) => n.indexOf(h) < 0 && this.services.languageUtils.isSupportedCode(h));
+    return o.length ? (this.options.preload = n.concat(o), this.loadResources((h) => {
+      s.resolve(), t && t(h);
     }), s) : (t && t(), Promise.resolve());
   }
   dir(e) {
@@ -7482,7 +7482,7 @@ W.loadLanguages;
 const M7 = "Archived", b7 = "Deleted", y7 = {
   archived: M7,
   deleted: b7
-}, H7 = "Заархивирован", E7 = "Удалён", V7 = {
+}, H7 = "Заархивирован", E7 = "Удалён", A7 = {
   archived: H7,
   deleted: E7
 };
@@ -7494,7 +7494,7 @@ W.use(qt).init({
       common: y7
     },
     ru: {
-      common: V7
+      common: A7
     }
   }
 });
@@ -7506,50 +7506,50 @@ const G7 = d1(
     disabled: s,
     value: n,
     onChange: o,
-    onError: c,
+    onError: h,
     allowEmpty: a = !1,
     showAvatar: C = !1,
     clearable: d,
     required: l,
-    error: h
+    error: c
   }, g) => {
-    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);
+    const { axiosPeople: p, locale: w } = r1(y2), { t: v } = i7("common", { lng: w }), [m, b] = O([]), [y, I] = 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 _ = $(
+    const _ = P(
       (E) => {
         let T = "";
         return E.deletedAt && (T += `[${v("deleted")}] `), E.status === _1.ARCHIVED && (T += `[${v("archived")}] `), `${T}${E.firstName} ${E.lastName}`;
       },
       [v]
-    ), R = $(
+    ), R = P(
       async ({
         offset: E,
         limit: T,
-        search: V
+        search: A
       }) => {
         var Z, D, B;
         try {
           const U = await p.post("v1/users/search", {
             offset: E,
             limit: T,
-            search: V,
+            search: A,
             ...i,
             includeCount: !0
-          }), { data: I, metadata: Y } = U.data;
+          }), { data: V, metadata: $ } = U.data;
           return {
-            options: I.map((P) => ({
-              value: P.id,
-              label: _(P),
-              image: C ? P.avatarUrl : void 0
+            options: V.map((Y) => ({
+              value: Y.id,
+              label: _(Y),
+              image: C ? Y.avatarUrl : void 0
             })),
-            count: Y.count
+            count: $.count
           };
         } catch (U) {
-          return c && c({
+          return h && h({
             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"
           }), {
@@ -7558,13 +7558,13 @@ const G7 = d1(
           };
         }
       },
-      [p, i, _, C, c]
-    ), j = $(
+      [p, i, _, C, h]
+    ), j = P(
       async (E) => {
-        var T, V, Z;
+        var T, A, Z;
         try {
           const D = E.filter(
-            (I) => !f.current.some((Y) => Y.value === I)
+            (V) => !f.current.some(($) => $.value === V)
           );
           let B = [];
           D.length && (B = (await p.post("v1/users/search", {
@@ -7573,20 +7573,20 @@ const G7 = d1(
               status: [_1.ACTIVE, _1.ARCHIVED]
             }
           })).data.data);
-          const U = B.map((I) => ({
-            value: I.id,
-            label: _(I),
-            image: C ? I.avatarUrl : void 0
+          const U = B.map((V) => ({
+            value: V.id,
+            label: _(V),
+            image: C ? V.avatarUrl : void 0
           }));
           return [...f.current, ...U];
         } catch (D) {
-          return c && c({
+          return h && h({
             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"
+            message: ((Z = (A = D.response) == null ? void 0 : A.data) == null ? void 0 : Z.message) ?? "Error while fetching selected items"
           }), [];
         }
       },
-      [p, _, c, C]
+      [p, _, h, C]
     );
     G(() => {
       f.current = m;
@@ -7595,24 +7595,24 @@ const G7 = d1(
       (E = x.current) == null || E.refetchOptions();
     }, [i]), G(() => {
       if (!n) {
-        A(!1);
+        I(!1);
         return;
       }
       (async () => {
-        const T = Array.isArray(n) ? n : [n], V = await j(T);
-        b(V), A(!1);
+        const T = Array.isArray(n) ? n : [n], A = await j(T);
+        b(A), I(!1);
       })();
     }, [j, n]);
-    const q = $(
+    const q = P(
       async ({
         limit: E,
         offset: T,
-        search: V
+        search: A
       }) => {
         const { count: Z, ...D } = await R({
           offset: T,
           limit: E,
-          search: V
+          search: A
         });
         let B = D.options;
         return a && T === 0 && (B = [{ value: null, label: "None" }, ...B]), {
@@ -7631,7 +7631,7 @@ const G7 = d1(
       disabled: s,
       clearable: d,
       required: l,
-      error: h
+      error: c
     };
     return e ? /* @__PURE__ */ r(
       W1,