@snmt-react-ui/user-select 2.7.21 → 2.7.22

package/dist/user-select.js

@@ -20,7 +20,7 @@ function V1() {
     e[t] = arguments[t];
   s1(e[0]) && j1[e[0]] || (s1(e[0]) && (j1[e[0]] = /* @__PURE__ */ new Date()), Ve(...e));
 }
-const he = (i, e) => () => {
+const ce = (i, e) => () => {
   if (i.isInitialized)
     e();
   else {
@@ -32,20 +32,20 @@ const he = (i, e) => () => {
     i.on("initialized", t);
   }
 }, W1 = (i, e, t) => {
-  i.loadNamespaces(e, he(i, t));
+  i.loadNamespaces(e, ce(i, t));
 }, G1 = (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, he(i, s));
+  }), i.loadLanguages(e, ce(i, s));
 }, Ae = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const s = e.languages[0], n = e.options ? e.options.fallbackLng : !1, a = e.languages[e.languages.length - 1];
   if (s.toLowerCase() === "cimode") return !0;
-  const c = (o, d) => {
-    const g = e.services.backendConnector.state[`${o}|${d}`];
-    return g === -1 || g === 2;
+  const h = (o, g) => {
+    const d = e.services.backendConnector.state[`${o}|${g}`];
+    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(a, 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(a, i)));
 }, Te = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   return !e.languages || !e.languages.length ? (V1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
@@ -104,7 +104,7 @@ const Ue = (i, e) => {
   return j(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, ce = (i, e, t, s) => i.getFixedT(e, t, s), ze = (i, e, t, s) => $(ce(i, e, t, s), [i, e, t, s]), Je = function(i) {
+}, he = (i, e, t, s) => i.getFixedT(e, t, s), ze = (i, e, t, s) => $(he(i, e, t, s), [i, e, t, s]), Je = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
@@ -114,47 +114,47 @@ const Ue = (i, e) => {
   } = r1(Fe) || {}, a = t || s || Pe();
   if (a && !a.reportNamespaces && (a.reportNamespaces = new Ye()), !a) {
     V1("You will need to pass in an i18next instance by using initReactI18next");
-    const f = (x, v) => s1(v) ? v : Ze(v) && s1(v.defaultValue) ? v.defaultValue : Array.isArray(x) ? x[x.length - 1] : x, N = [f, {}, !1];
-    return N.t = f, N.i18n = {}, N.ready = !1, N;
+    const f = (R, v) => s1(v) ? v : Ze(v) && s1(v.defaultValue) ? v.defaultValue : Array.isArray(R) ? R[R.length - 1] : R, x = [f, {}, !1];
+    return x.t = f, x.i18n = {}, x.ready = !1, x;
   }
   a.options.react && a.options.react.wait !== void 0 && V1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
-  const c = {
+  const h = {
     ...Ke(),
     ...a.options.react,
     ...e
   }, {
     useSuspense: o,
-    keyPrefix: d
-  } = c;
-  let g = i;
-  g = s1(g) ? [g] : g || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(g);
-  const l = (a.isInitialized || a.initializedStoreOnce) && g.every((f) => Te(f, a, c)), h = ze(a, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => ce(a, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [w, k] = T(u);
-  let m = g.join();
+    keyPrefix: g
+  } = h;
+  let d = i;
+  d = s1(d) ? [d] : d || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(d);
+  const l = (a.isInitialized || a.initializedStoreOnce) && d.every((f) => Te(f, a, h)), c = ze(a, e.lng || null, h.nsMode === "fallback" ? d : d[0], g), u = () => c, p = () => he(a, e.lng || null, h.nsMode === "fallback" ? d : d[0], g), [w, k] = T(u);
+  let m = d.join();
   e.lng && (m = `${e.lng}${m}`);
-  const _ = Ue(m), M = q(!0);
+  const _ = Ue(m), N = q(!0);
   j(() => {
     const {
       bindI18n: f,
-      bindI18nStore: N
-    } = c;
-    M.current = !0, !l && !o && (e.lng ? G1(a, e.lng, g, () => {
-      M.current && k(p);
-    }) : W1(a, g, () => {
-      M.current && k(p);
-    })), l && _ && _ !== m && M.current && k(p);
-    const x = () => {
-      M.current && k(p);
+      bindI18nStore: x
+    } = h;
+    N.current = !0, !l && !o && (e.lng ? G1(a, e.lng, d, () => {
+      N.current && k(p);
+    }) : W1(a, d, () => {
+      N.current && k(p);
+    })), l && _ && _ !== m && N.current && k(p);
+    const R = () => {
+      N.current && k(p);
     };
-    return f && a && a.on(f, x), N && a && a.store.on(N, x), () => {
-      M.current = !1, f && a && f.split(" ").forEach((v) => a.off(v, x)), N && a && N.split(" ").forEach((v) => a.store.off(v, x));
+    return f && a && a.on(f, R), x && a && a.store.on(x, R), () => {
+      N.current = !1, f && a && f.split(" ").forEach((v) => a.off(v, R)), x && a && x.split(" ").forEach((v) => a.store.off(v, R));
     };
   }, [a, m]), j(() => {
-    M.current && l && k(u);
-  }, [a, d, l]);
+    N.current && l && k(u);
+  }, [a, g, l]);
   const S = [w, a, l];
   if (S.t = w, S.i18n = a, S.ready = l, l || !l && !o) return S;
   throw new Promise((f) => {
-    e.lng ? G1(a, e.lng, g, () => f()) : W1(a, g, () => f());
+    e.lng ? G1(a, e.lng, d, () => f()) : W1(a, d, () => f());
   });
 }, p1 = ({
   children: i,
@@ -163,7 +163,7 @@ const Ue = (i, e) => {
   alignItems: s = "normal",
   justifyContent: n = "normal",
   flex: a,
-  gap: c,
+  gap: h,
   padding: o
 }) => /* @__PURE__ */ r(
   Re,
@@ -174,7 +174,7 @@ const Ue = (i, e) => {
     align: s,
     justify: n,
     flex: a,
-    gap: c,
+    gap: h,
     style: { padding: o },
     children: i
   }
@@ -206,19 +206,19 @@ const Qe = ({
   disabled: n = !1,
   disableUncheck: a = !1
 }) => {
-  const [c, o] = T(i), [d, g] = T(e);
+  const [h, o] = T(i), [g, d] = T(e);
   j(() => {
-    o(i), g(e);
+    o(i), d(e);
   }, [i, e]);
   const { theme: l } = r1(D1);
   return /* @__PURE__ */ r(
     be,
     {
       className: `snmt-checkbox snmt-checkbox-${l}`,
-      checked: c,
-      indeterminate: d,
-      onChange: (h) => {
-        a && c || (g(!1), o(h.target.checked), s && s(h));
+      checked: h,
+      indeterminate: g,
+      onChange: (c) => {
+        a && h || (d(!1), o(c.target.checked), s && s(c));
       },
       disabled: n,
       children: t
@@ -593,7 +593,7 @@ const Xe = ({
       )
     ] })
   }
-), ht = ({
+), ct = ({
   width: i = 20,
   height: e = 20,
   color: t = y.GREY_DARK_5,
@@ -633,7 +633,7 @@ const Xe = ({
       )
     ]
   }
-), ct = ({
+), ht = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -2577,7 +2577,7 @@ const Xe = ({
       }
     )
   }
-), h2 = ({
+), c2 = ({
   width: i = 24,
   height: e = 24,
   color: t = y.GREY_DARK_2,
@@ -2617,7 +2617,7 @@ const Xe = ({
       )
     ]
   }
-), c2 = ({
+), h2 = ({
   width: i = 24,
   height: e = 24,
   color: t = y.GREY_DARK_2,
@@ -2704,98 +2704,98 @@ const Xe = ({
   color: s,
   className: n,
   disabled: a = !1,
-  onClick: c
+  onClick: h
 }) => {
-  const [o, d] = T(n), { theme: g } = r1(de), l = a ? g && g === "dark" ? y.GREY_LIGHT_4 : y.GREY_DARK_1 : s, h = a ? void 0 : c;
+  const [o, g] = T(n), { theme: d } = r1(de), l = a ? d && d === "dark" ? y.GREY_LIGHT_4 : y.GREY_DARK_1 : s, c = a ? void 0 : h;
   return j(() => {
     if (n) {
-      h && !a && d(`${n} clickable`);
+      c && !a && g(`${n} clickable`);
       return;
     }
-    h && !a && d("clickable");
-  }, [h, n, a]), /* @__PURE__ */ r(i1, { children: (() => {
+    c && !a && g("clickable");
+  }, [c, n, a]), /* @__PURE__ */ r(i1, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return St({ width: e, height: t, color: l, className: o, onClick: h });
+        return St({ width: e, height: t, color: l, className: o, onClick: c });
       case "prevIcon":
-        return Vt({ width: e, height: t, color: l, className: o, onClick: h });
+        return Vt({ width: e, height: t, color: l, className: o, onClick: c });
       case "arrowDown":
-        return Xe({ width: e, height: t, color: l, className: o, onClick: h });
+        return Xe({ width: e, height: t, color: l, className: o, onClick: c });
       case "info":
-        return et({ width: e, height: t, color: l, className: o, onClick: h });
+        return et({ width: e, height: t, color: l, className: o, onClick: c });
       case "arrowRight":
-        return tt({ width: e, height: t, color: l, className: o, onClick: h });
+        return tt({ width: e, height: t, color: l, className: o, onClick: c });
       case "calendar":
-        return it({ width: e, height: t, color: l, className: o, onClick: h });
+        return it({ width: e, height: t, color: l, className: o, onClick: c });
       case "ok":
-        return st({ width: e, height: t, color: l, className: o, onClick: h });
+        return st({ width: e, height: t, color: l, className: o, onClick: c });
       case "cancel":
-        return nt({ width: e, height: t, color: l, className: o, onClick: h });
+        return nt({ width: e, height: t, color: l, className: o, onClick: c });
       case "add":
-        return rt({ width: e, height: t, color: l, className: o, onClick: h });
+        return rt({ width: e, height: t, color: l, className: o, onClick: c });
       case "list":
-        return ot({ width: e, height: t, color: l, className: o, onClick: h });
+        return ot({ width: e, height: t, color: l, className: o, onClick: c });
       case "dragAndDrop":
-        return at({ width: e, height: t, color: l, className: o, onClick: h });
+        return at({ width: e, height: t, color: l, className: o, onClick: c });
       case "filter":
-        return lt({ width: e, height: t, color: l, className: o, onClick: h });
+        return lt({ width: e, height: t, color: l, className: o, onClick: c });
       case "attention":
-        return ht({ width: e, height: t, color: l, className: o, onClick: h });
+        return ct({ width: e, height: t, color: l, className: o, onClick: c });
       case "users":
-        return ct({ width: e, height: t, color: l, className: o, onClick: h });
+        return ht({ width: e, height: t, color: l, className: o, onClick: c });
       case "mySkillsMatrix":
         return dt({
           width: e,
           height: t,
           color: l,
           className: o,
-          onClick: h
+          onClick: c
         });
       case "skills":
-        return gt({ width: e, height: t, color: l, className: o, onClick: h });
+        return gt({ width: e, height: t, color: l, className: o, onClick: c });
       case "skillsMatrices":
         return ut({
           width: e,
           height: t,
           color: l,
           className: o,
-          onClick: h
+          onClick: c
         });
       case "history":
-        return Ct({ width: e, height: t, color: l, className: o, onClick: h });
+        return Ct({ width: e, height: t, color: l, className: o, onClick: c });
       case "logOut":
-        return pt({ width: e, height: t, color: l, className: o, onClick: h });
+        return pt({ width: e, height: t, color: l, className: o, onClick: c });
       case "settings":
-        return ft({ width: e, height: t, color: l, className: o, onClick: h });
+        return ft({ width: e, height: t, color: l, className: o, onClick: c });
       case "trash":
-        return mt({ width: e, height: t, color: l, className: o, onClick: h });
+        return mt({ width: e, height: t, color: l, className: o, onClick: c });
       case "settings4":
-        return wt({ width: e, height: t, color: l, className: o, onClick: h });
+        return wt({ width: e, height: t, color: l, className: o, onClick: c });
       case "success":
-        return kt({ width: e, height: t, color: l, className: o, onClick: h });
+        return kt({ width: e, height: t, color: l, className: o, onClick: c });
       case "checkCircle":
-        return Lt({ width: e, height: t, color: l, className: o, onClick: h });
+        return Lt({ width: e, height: t, color: l, className: o, onClick: c });
       case "errorSmall":
-        return vt({ width: e, height: t, color: l, className: o, onClick: h });
+        return vt({ width: e, height: t, color: l, className: o, onClick: c });
       case "infoMedium":
-        return Nt({ width: e, height: t, color: l, className: o, onClick: h });
+        return Nt({ width: e, height: t, color: l, className: o, onClick: c });
       case "attentionMedium":
         return xt({
           width: e,
           height: t,
           color: l,
           className: o,
-          onClick: h
+          onClick: c
         });
       case "errorMedium":
-        return Rt({ width: e, height: t, color: l, className: o, onClick: h });
+        return Rt({ width: e, height: t, color: l, className: o, onClick: c });
       case "visibilityIcon":
         return Mt({
           width: e,
           height: t,
           color: l,
           className: o,
-          onClick: h
+          onClick: c
         });
       case "visibilityOffIcon":
         return bt({
@@ -2803,7 +2803,7 @@ const Xe = ({
           height: t,
           color: l,
           className: o,
-          onClick: h
+          onClick: c
         });
       case "selectArrowIcon":
         return yt({
@@ -2811,7 +2811,7 @@ const Xe = ({
           height: t,
           color: l,
           className: o,
-          onClick: h
+          onClick: c
         });
       case "expandArrowIcon":
         return Et({
@@ -2819,7 +2819,7 @@ const Xe = ({
           height: t,
           color: l,
           className: o,
-          onClick: h
+          onClick: c
         });
       case "expandActiveArrowIcon":
         return _t({
@@ -2827,78 +2827,78 @@ const Xe = ({
           height: t,
           color: l,
           className: o,
-          onClick: h
+          onClick: c
         });
       case "sortUp":
-        return Ht({ width: e, height: t, color: l, className: o, onClick: h });
+        return Ht({ width: e, height: t, color: l, className: o, onClick: c });
       case "sortDown":
-        return It({ width: e, height: t, color: l, className: o, onClick: h });
+        return It({ width: e, height: t, color: l, className: o, onClick: c });
       case "search":
-        return Ot({ width: e, height: t, color: l, className: o, onClick: h });
+        return Ot({ width: e, height: t, color: l, className: o, onClick: c });
       case "arrowUpFilled":
-        return Tt({ width: e, height: t, color: l, className: o, onClick: h });
+        return Tt({ width: e, height: t, color: l, className: o, onClick: c });
       case "arrowDownFilled":
-        return At({ width: e, height: t, color: l, className: o, onClick: h });
+        return At({ width: e, height: t, color: l, className: o, onClick: c });
       case "link":
-        return Zt({ width: e, height: t, color: l, className: o, onClick: h });
+        return Zt({ width: e, height: t, color: l, className: o, onClick: c });
       case "telegram":
-        return Bt({ width: e, height: t, color: l, className: o, onClick: h });
+        return Bt({ width: e, height: t, color: l, className: o, onClick: c });
       case "mail":
-        return Wt({ width: e, height: t, color: l, className: o, onClick: h });
+        return Wt({ width: e, height: t, color: l, className: o, onClick: c });
       case "github":
-        return Dt({ width: e, height: t, color: l, className: o, onClick: h });
+        return Dt({ width: e, height: t, color: l, className: o, onClick: c });
       case "linkedIn":
-        return jt({ width: e, height: t, color: l, className: o, onClick: h });
+        return jt({ width: e, height: t, color: l, className: o, onClick: c });
       case "emptyStateIcon":
-        return Gt({ width: e, height: t, color: l, className: o, onClick: h });
+        return Gt({ width: e, height: t, color: l, className: o, onClick: c });
       case "filtersIcon":
-        return Kt({ width: e, height: t, color: l, className: o, onClick: h });
+        return Kt({ width: e, height: t, color: l, className: o, onClick: c });
       case "dotMenuIcon":
-        return $t({ width: e, height: t, color: l, className: o, onClick: h });
+        return $t({ width: e, height: t, color: l, className: o, onClick: c });
       case "plusCircle":
-        return Pt({ width: e, height: t, color: l, className: o, onClick: h });
+        return Pt({ width: e, height: t, color: l, className: o, onClick: c });
       case "warning":
-        return Ft({ width: e, height: t, color: l, className: o, onClick: h });
+        return Ft({ width: e, height: t, color: l, className: o, onClick: c });
       case "back":
-        return Yt({ width: e, height: t, color: l, className: o, onClick: h });
+        return Yt({ width: e, height: t, color: l, className: o, onClick: c });
       case "bell":
-        return Ut({ width: e, height: t, color: l, className: o, onClick: h });
+        return Ut({ width: e, height: t, color: l, className: o, onClick: c });
       case "contract":
-        return Jt({ width: e, height: t, color: l, className: o, onClick: h });
+        return Jt({ width: e, height: t, color: l, className: o, onClick: c });
       case "trash2":
-        return zt({ width: e, height: t, color: l, className: o, onClick: h });
+        return zt({ width: e, height: t, color: l, className: o, onClick: c });
       case "resourceManager":
-        return qt({ width: e, height: t, color: l, className: o, onClick: h });
+        return qt({ width: e, height: t, color: l, className: o, onClick: c });
       case "settings2":
-        return Qt({ width: e, height: t, color: l, className: o, onClick: h });
+        return Qt({ width: e, height: t, color: l, className: o, onClick: c });
       case "image":
-        return Xt({ width: e, height: t, color: l, className: o, onClick: h });
+        return Xt({ width: e, height: t, color: l, className: o, onClick: c });
       case "edit":
-        return e2({ width: e, height: t, color: l, className: o, onClick: h });
+        return e2({ width: e, height: t, color: l, className: o, onClick: c });
       case "filledArrowRight":
-        return t2({ width: e, height: t, color: l, className: o, onClick: h });
+        return t2({ width: e, height: t, color: l, className: o, onClick: c });
       case "burgerMenu":
-        return i2({ width: e, height: t, color: l, className: o, onClick: h });
+        return i2({ width: e, height: t, color: l, className: o, onClick: c });
       case "signOut":
-        return s2({ width: e, height: t, color: l, className: o, onClick: h });
+        return s2({ width: e, height: t, color: l, className: o, onClick: c });
       case "refresh":
-        return n2({ width: e, height: t, color: l, className: o, onClick: h });
+        return n2({ width: e, height: t, color: l, className: o, onClick: c });
       case "projects":
-        return r2({ width: e, height: t, color: l, className: o, onClick: h });
+        return r2({ width: e, height: t, color: l, className: o, onClick: c });
       case "profile":
-        return g2({ width: e, height: t, color: l, className: o, onClick: h });
+        return g2({ width: e, height: t, color: l, className: o, onClick: c });
       case "exit":
-        return o2({ width: e, height: t, color: l, className: o, onClick: h });
+        return o2({ width: e, height: t, color: l, className: o, onClick: c });
       case "client":
-        return a2({ width: e, height: t, color: l, className: o, onClick: h });
+        return a2({ width: e, height: t, color: l, className: o, onClick: c });
       case "calendar2":
-        return l2({ width: e, height: t, color: l, className: o, onClick: h });
+        return l2({ width: e, height: t, color: l, className: o, onClick: c });
       case "openPointCircle":
-        return h2({ width: e, height: t, color: l, className: o, onClick: h });
+        return c2({ width: e, height: t, color: l, className: o, onClick: c });
       case "community":
-        return c2({ width: e, height: t, color: l, className: o, onClick: h });
+        return h2({ width: e, height: t, color: l, className: o, onClick: c });
       case "docs":
-        return d2({ width: e, height: t, color: l, className: o, onClick: h });
+        return d2({ width: e, height: t, color: l, className: o, onClick: c });
       default:
         return /* @__PURE__ */ r(i1, { children: "No Icon provided" });
     }
@@ -2926,30 +2926,33 @@ const Xe = ({
     children: s,
     onClick: n,
     collapsed: a,
-    whiteSpace: c = "normal",
+    whiteSpace: h = "normal",
     /** This prop allows you to enable tooltip if text size is too big */
     trim: o = !1
-  }, d) => {
-    const g = q(null);
-    _1(d, () => g.current);
-    const [l, h] = T(!1);
+  }, g) => {
+    const d = q(null);
+    _1(g, () => d.current);
+    const [l, c] = T(!1);
     j(() => {
+      var m;
       if (!o) return;
-      const m = () => {
-        g.current && h(g.current.scrollWidth > g.current.clientWidth);
-      }, _ = new ResizeObserver(m);
-      return g.current && _.observe(g.current), () => {
-        _.disconnect();
+      const _ = () => {
+        d.current && c(d.current.scrollWidth > d.current.clientWidth);
       };
-    }, [o, l]);
+      _();
+      const N = new ResizeObserver(_);
+      return d.current && N.observe(d.current), (m = d.current) != null && m.parentElement && N.observe(d.current.parentElement), () => {
+        N.disconnect();
+      };
+    }, [o]);
     const u = e === "h1" || e === "h2" || e === "h3" || e === "h4";
     let p = `snmt-typography snmt-typography-${e}`;
     i && i !== "inherit" && (p += ` snmt-typography-align-${i}`), a && (p += " collapsed"), o && (p += " collapsed");
     const w = {
       className: p,
-      style: { color: t, whiteSpace: o ? "nowrap" : c, display: o ? "block" : "" },
+      style: { color: t, whiteSpace: o ? "nowrap" : h, display: o ? "block" : "" },
       onClick: n,
-      ref: g
+      ref: d
     }, k = u ? /* @__PURE__ */ r(C2, { level: f2[e], ...w, children: s }) : /* @__PURE__ */ r(p2, { ...w, children: s });
     return o && l ? /* @__PURE__ */ r(u2, { placement: "top", title: s, children: k }) : k;
   }
@@ -4557,7 +4560,7 @@ const w2 = ({
       }
     )
   }
-), h5 = ({
+), c5 = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 24,
@@ -4609,7 +4612,7 @@ const w2 = ({
       )
     ]
   }
-), c5 = ({
+), h5 = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 24,
@@ -5433,98 +5436,98 @@ const w2 = ({
   color: s,
   className: n,
   disabled: a = !1,
-  onClick: c
+  onClick: h
 }) => {
-  const [o, d] = T(n), { theme: g } = r1(ge), l = a ? g && g === "dark" ? E.GREY_LIGHT_4 : E.GREY_DARK_1 : s, h = a ? void 0 : c;
+  const [o, g] = T(n), { theme: d } = r1(ge), l = a ? d && d === "dark" ? E.GREY_LIGHT_4 : E.GREY_DARK_1 : s, c = a ? void 0 : h;
   return j(() => {
     if (n) {
-      h && !a && d(`${n} clickable`);
+      c && !a && g(`${n} clickable`);
       return;
     }
-    h && !a && d("clickable");
-  }, [h, n, a]), /* @__PURE__ */ r(i1, { children: (() => {
+    c && !a && g("clickable");
+  }, [c, n, a]), /* @__PURE__ */ r(i1, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return Q2({ width: e, height: t, color: l, className: o, onClick: h });
+        return Q2({ width: e, height: t, color: l, className: o, onClick: c });
       case "prevIcon":
-        return X2({ width: e, height: t, color: l, className: o, onClick: h });
+        return X2({ width: e, height: t, color: l, className: o, onClick: c });
       case "arrowDown":
-        return w2({ width: e, height: t, color: l, className: o, onClick: h });
+        return w2({ width: e, height: t, color: l, className: o, onClick: c });
       case "info":
-        return k2({ width: e, height: t, color: l, className: o, onClick: h });
+        return k2({ width: e, height: t, color: l, className: o, onClick: c });
       case "arrowRight":
-        return L2({ width: e, height: t, color: l, className: o, onClick: h });
+        return L2({ width: e, height: t, color: l, className: o, onClick: c });
       case "calendar":
-        return v2({ width: e, height: t, color: l, className: o, onClick: h });
+        return v2({ width: e, height: t, color: l, className: o, onClick: c });
       case "ok":
-        return N2({ width: e, height: t, color: l, className: o, onClick: h });
+        return N2({ width: e, height: t, color: l, className: o, onClick: c });
       case "cancel":
-        return x2({ width: e, height: t, color: l, className: o, onClick: h });
+        return x2({ width: e, height: t, color: l, className: o, onClick: c });
       case "add":
-        return R2({ width: e, height: t, color: l, className: o, onClick: h });
+        return R2({ width: e, height: t, color: l, className: o, onClick: c });
       case "list":
-        return M2({ width: e, height: t, color: l, className: o, onClick: h });
+        return M2({ width: e, height: t, color: l, className: o, onClick: c });
       case "dragAndDrop":
-        return b2({ width: e, height: t, color: l, className: o, onClick: h });
+        return b2({ width: e, height: t, color: l, className: o, onClick: c });
       case "filter":
-        return y2({ width: e, height: t, color: l, className: o, onClick: h });
+        return y2({ width: e, height: t, color: l, className: o, onClick: c });
       case "attention":
-        return E2({ width: e, height: t, color: l, className: o, onClick: h });
+        return E2({ width: e, height: t, color: l, className: o, onClick: c });
       case "users":
-        return _2({ width: e, height: t, color: l, className: o, onClick: h });
+        return _2({ width: e, height: t, color: l, className: o, onClick: c });
       case "mySkillsMatrix":
         return H2({
           width: e,
           height: t,
           color: l,
           className: o,
-          onClick: h
+          onClick: c
         });
       case "skills":
-        return I2({ width: e, height: t, color: l, className: o, onClick: h });
+        return I2({ width: e, height: t, color: l, className: o, onClick: c });
       case "skillsMatrices":
         return O2({
           width: e,
           height: t,
           color: l,
           className: o,
-          onClick: h
+          onClick: c
         });
       case "history":
-        return S2({ width: e, height: t, color: l, className: o, onClick: h });
+        return S2({ width: e, height: t, color: l, className: o, onClick: c });
       case "logOut":
-        return V2({ width: e, height: t, color: l, className: o, onClick: h });
+        return V2({ width: e, height: t, color: l, className: o, onClick: c });
       case "settings":
-        return A2({ width: e, height: t, color: l, className: o, onClick: h });
+        return A2({ width: e, height: t, color: l, className: o, onClick: c });
       case "trash":
-        return T2({ width: e, height: t, color: l, className: o, onClick: h });
+        return T2({ width: e, height: t, color: l, className: o, onClick: c });
       case "settings4":
-        return Z2({ width: e, height: t, color: l, className: o, onClick: h });
+        return Z2({ width: e, height: t, color: l, className: o, onClick: c });
       case "success":
-        return D2({ width: e, height: t, color: l, className: o, onClick: h });
+        return D2({ width: e, height: t, color: l, className: o, onClick: c });
       case "checkCircle":
-        return B2({ width: e, height: t, color: l, className: o, onClick: h });
+        return B2({ width: e, height: t, color: l, className: o, onClick: c });
       case "errorSmall":
-        return j2({ width: e, height: t, color: l, className: o, onClick: h });
+        return j2({ width: e, height: t, color: l, className: o, onClick: c });
       case "infoMedium":
-        return W2({ width: e, height: t, color: l, className: o, onClick: h });
+        return W2({ width: e, height: t, color: l, className: o, onClick: c });
       case "attentionMedium":
         return G2({
           width: e,
           height: t,
           color: l,
           className: o,
-          onClick: h
+          onClick: c
         });
       case "errorMedium":
-        return K2({ width: e, height: t, color: l, className: o, onClick: h });
+        return K2({ width: e, height: t, color: l, className: o, onClick: c });
       case "visibilityIcon":
         return $2({
           width: e,
           height: t,
           color: l,
           className: o,
-          onClick: h
+          onClick: c
         });
       case "visibilityOffIcon":
         return P2({
@@ -5532,7 +5535,7 @@ const w2 = ({
           height: t,
           color: l,
           className: o,
-          onClick: h
+          onClick: c
         });
       case "selectArrowIcon":
         return F2({
@@ -5540,7 +5543,7 @@ const w2 = ({
           height: t,
           color: l,
           className: o,
-          onClick: h
+          onClick: c
         });
       case "expandArrowIcon":
         return Y2({
@@ -5548,7 +5551,7 @@ const w2 = ({
           height: t,
           color: l,
           className: o,
-          onClick: h
+          onClick: c
         });
       case "expandActiveArrowIcon":
         return U2({
@@ -5556,78 +5559,78 @@ const w2 = ({
           height: t,
           color: l,
           className: o,
-          onClick: h
+          onClick: c
         });
       case "sortUp":
-        return z2({ width: e, height: t, color: l, className: o, onClick: h });
+        return z2({ width: e, height: t, color: l, className: o, onClick: c });
       case "sortDown":
-        return J2({ width: e, height: t, color: l, className: o, onClick: h });
+        return J2({ width: e, height: t, color: l, className: o, onClick: c });
       case "search":
-        return q2({ width: e, height: t, color: l, className: o, onClick: h });
+        return q2({ width: e, height: t, color: l, className: o, onClick: c });
       case "arrowUpFilled":
-        return t5({ width: e, height: t, color: l, className: o, onClick: h });
+        return t5({ width: e, height: t, color: l, className: o, onClick: c });
       case "arrowDownFilled":
-        return e5({ width: e, height: t, color: l, className: o, onClick: h });
+        return e5({ width: e, height: t, color: l, className: o, onClick: c });
       case "link":
-        return i5({ width: e, height: t, color: l, className: o, onClick: h });
+        return i5({ width: e, height: t, color: l, className: o, onClick: c });
       case "telegram":
-        return n5({ width: e, height: t, color: l, className: o, onClick: h });
+        return n5({ width: e, height: t, color: l, className: o, onClick: c });
       case "mail":
-        return o5({ width: e, height: t, color: l, className: o, onClick: h });
+        return o5({ width: e, height: t, color: l, className: o, onClick: c });
       case "github":
-        return s5({ width: e, height: t, color: l, className: o, onClick: h });
+        return s5({ width: e, height: t, color: l, className: o, onClick: c });
       case "linkedIn":
-        return r5({ width: e, height: t, color: l, className: o, onClick: h });
+        return r5({ width: e, height: t, color: l, className: o, onClick: c });
       case "emptyStateIcon":
-        return a5({ width: e, height: t, color: l, className: o, onClick: h });
+        return a5({ width: e, height: t, color: l, className: o, onClick: c });
       case "filtersIcon":
-        return l5({ width: e, height: t, color: l, className: o, onClick: h });
+        return l5({ width: e, height: t, color: l, className: o, onClick: c });
       case "dotMenuIcon":
-        return h5({ width: e, height: t, color: l, className: o, onClick: h });
+        return c5({ width: e, height: t, color: l, className: o, onClick: c });
       case "plusCircle":
-        return c5({ width: e, height: t, color: l, className: o, onClick: h });
+        return h5({ width: e, height: t, color: l, className: o, onClick: c });
       case "warning":
-        return d5({ width: e, height: t, color: l, className: o, onClick: h });
+        return d5({ width: e, height: t, color: l, className: o, onClick: c });
       case "back":
-        return g5({ width: e, height: t, color: l, className: o, onClick: h });
+        return g5({ width: e, height: t, color: l, className: o, onClick: c });
       case "bell":
-        return u5({ width: e, height: t, color: l, className: o, onClick: h });
+        return u5({ width: e, height: t, color: l, className: o, onClick: c });
       case "contract":
-        return p5({ width: e, height: t, color: l, className: o, onClick: h });
+        return p5({ width: e, height: t, color: l, className: o, onClick: c });
       case "trash2":
-        return C5({ width: e, height: t, color: l, className: o, onClick: h });
+        return C5({ width: e, height: t, color: l, className: o, onClick: c });
       case "resourceManager":
-        return f5({ width: e, height: t, color: l, className: o, onClick: h });
+        return f5({ width: e, height: t, color: l, className: o, onClick: c });
       case "settings2":
-        return m5({ width: e, height: t, color: l, className: o, onClick: h });
+        return m5({ width: e, height: t, color: l, className: o, onClick: c });
       case "image":
-        return w5({ width: e, height: t, color: l, className: o, onClick: h });
+        return w5({ width: e, height: t, color: l, className: o, onClick: c });
       case "edit":
-        return k5({ width: e, height: t, color: l, className: o, onClick: h });
+        return k5({ width: e, height: t, color: l, className: o, onClick: c });
       case "filledArrowRight":
-        return L5({ width: e, height: t, color: l, className: o, onClick: h });
+        return L5({ width: e, height: t, color: l, className: o, onClick: c });
       case "burgerMenu":
-        return v5({ width: e, height: t, color: l, className: o, onClick: h });
+        return v5({ width: e, height: t, color: l, className: o, onClick: c });
       case "signOut":
-        return N5({ width: e, height: t, color: l, className: o, onClick: h });
+        return N5({ width: e, height: t, color: l, className: o, onClick: c });
       case "refresh":
-        return x5({ width: e, height: t, color: l, className: o, onClick: h });
+        return x5({ width: e, height: t, color: l, className: o, onClick: c });
       case "projects":
-        return R5({ width: e, height: t, color: l, className: o, onClick: h });
+        return R5({ width: e, height: t, color: l, className: o, onClick: c });
       case "profile":
-        return I5({ width: e, height: t, color: l, className: o, onClick: h });
+        return I5({ width: e, height: t, color: l, className: o, onClick: c });
       case "exit":
-        return M5({ width: e, height: t, color: l, className: o, onClick: h });
+        return M5({ width: e, height: t, color: l, className: o, onClick: c });
       case "client":
-        return b5({ width: e, height: t, color: l, className: o, onClick: h });
+        return b5({ width: e, height: t, color: l, className: o, onClick: c });
       case "calendar2":
-        return y5({ width: e, height: t, color: l, className: o, onClick: h });
+        return y5({ width: e, height: t, color: l, className: o, onClick: c });
       case "openPointCircle":
-        return E5({ width: e, height: t, color: l, className: o, onClick: h });
+        return E5({ width: e, height: t, color: l, className: o, onClick: c });
       case "community":
-        return _5({ width: e, height: t, color: l, className: o, onClick: h });
+        return _5({ width: e, height: t, color: l, className: o, onClick: c });
       case "docs":
-        return H5({ width: e, height: t, color: l, className: o, onClick: h });
+        return H5({ width: e, height: t, color: l, className: o, onClick: c });
       default:
         return /* @__PURE__ */ r(i1, { children: "No Icon provided" });
     }
@@ -5647,7 +5650,7 @@ const ue = ({
   closable: n = !0,
   disabled: a = !1
 }) => {
-  const c = t === "small" ? 10 : 12.5, o = () => {
+  const h = t === "small" ? 10 : 12.5, o = () => {
     a || s == null || s();
   };
   return /* @__PURE__ */ r(
@@ -5659,8 +5662,8 @@ const ue = ({
         {
           name: "errorSmall",
           color: a ? f1.GREY_DARK_1 : f1.GREY_DARK_2,
-          width: c,
-          height: c,
+          width: h,
+          height: h,
           onClick: o
         }
       ),
@@ -5700,30 +5703,33 @@ const ue = ({
     children: s,
     onClick: n,
     collapsed: a,
-    whiteSpace: c = "normal",
+    whiteSpace: h = "normal",
     /** This prop allows you to enable tooltip if text size is too big */
     trim: o = !1
-  }, d) => {
-    const g = q(null);
-    _1(d, () => g.current);
-    const [l, h] = T(!1);
+  }, g) => {
+    const d = q(null);
+    _1(g, () => d.current);
+    const [l, c] = T(!1);
     j(() => {
+      var m;
       if (!o) return;
-      const m = () => {
-        g.current && h(g.current.scrollWidth > g.current.clientWidth);
-      }, _ = new ResizeObserver(m);
-      return g.current && _.observe(g.current), () => {
-        _.disconnect();
+      const _ = () => {
+        d.current && c(d.current.scrollWidth > d.current.clientWidth);
+      };
+      _();
+      const N = new ResizeObserver(_);
+      return d.current && N.observe(d.current), (m = d.current) != null && m.parentElement && N.observe(d.current.parentElement), () => {
+        N.disconnect();
       };
-    }, [o, l]);
+    }, [o]);
     const u = e === "h1" || e === "h2" || e === "h3" || e === "h4";
     let p = `snmt-typography snmt-typography-${e}`;
     i && i !== "inherit" && (p += ` snmt-typography-align-${i}`), a && (p += " collapsed"), o && (p += " collapsed");
     const w = {
       className: p,
-      style: { color: t, whiteSpace: o ? "nowrap" : c, display: o ? "block" : "" },
+      style: { color: t, whiteSpace: o ? "nowrap" : h, display: o ? "block" : "" },
       onClick: n,
-      ref: g
+      ref: d
     }, k = u ? /* @__PURE__ */ r(A5, { level: Z5[e], ...w, children: s }) : /* @__PURE__ */ r(T5, { ...w, children: s });
     return o && l ? /* @__PURE__ */ r(V5, { placement: "top", title: s, children: k }) : k;
   }
@@ -5735,7 +5741,7 @@ const ue = ({
   placement: n = "topRight",
   noPadding: a = !1
 }) => {
-  const [c, o] = T(!1);
+  const [h, o] = T(!1);
   return /* @__PURE__ */ r(
     Ee,
     {
@@ -5744,9 +5750,9 @@ const ue = ({
       placement: n,
       trigger: "click",
       overlayClassName: `snmt-popover ${a ? "" : "padding"}`,
-      open: t ?? c,
-      onOpenChange: (d) => {
-        o(d), s == null || s(d);
+      open: t ?? h,
+      onOpenChange: (g) => {
+        o(g), s == null || s(g);
       },
       children: /* @__PURE__ */ r("div", { className: "wrapper", children: i })
     }
@@ -5770,16 +5776,16 @@ const W5 = ({
   closable: s = !0,
   disabled: n,
   options: a,
-  extraOptions: c
+  extraOptions: h
 }) => {
-  const { locale: o } = r1(D1), { t: d } = Je("common", { lng: o }), [g, l] = T(!1);
+  const { locale: o } = r1(D1), { t: g } = Je("common", { lng: o }), [d, l] = T(!1);
   if (j(() => {
     i.length || l(!1);
   }, [i]), !i.length)
     return null;
-  const h = (u) => {
+  const c = (u) => {
     var p, w;
-    return ((p = a == null ? void 0 : a.find((k) => k.value === u)) == null ? void 0 : p.label) || ((w = c == null ? void 0 : c.find((k) => k.value === u)) == null ? void 0 : w.label) || u;
+    return ((p = a == null ? void 0 : a.find((k) => k.value === u)) == null ? void 0 : p.label) || ((w = h == null ? void 0 : h.find((k) => k.value === u)) == null ? void 0 : w.label) || u;
   };
   return /* @__PURE__ */ C(
     B5,
@@ -5792,18 +5798,18 @@ const W5 = ({
             onClose: () => e(u),
             closable: s,
             disabled: n,
-            children: h(u)
+            children: c(u)
           },
           u
         )) }) })
       ),
       placement: "bottomRight",
-      isOpen: g,
+      isOpen: d,
       setIsOpen: l,
       children: [
         i.length,
         " ",
-        d("more")
+        g("more")
       ]
     }
   );
@@ -5823,23 +5829,23 @@ const W5 = ({
     mode: s,
     search: n = !1,
     options: a,
-    width: c,
+    width: h,
     disabled: o = !1,
-    required: d = !1,
-    clearable: g = !1,
+    required: g = !1,
+    clearable: d = !1,
     scrollThresholdValue: l = 50,
-    onSearchChange: h,
+    onSearchChange: c,
     onDropdownVisibleChange: u,
     onScrollToEnd: p,
     onPopupScroll: w,
     id: k,
     extraOptions: m,
     dropdownRender: _,
-    optionRender: M,
+    optionRender: N,
     isLoading: S,
     readOnly: f,
-    error: N
-  }, x) => {
+    error: x
+  }, R) => {
     const [v, P] = T(!1), [J, F] = T(!1), [H, D] = T(!0), [I, V] = T(i), Z = q(null);
     j(() => {
       V(i);
@@ -5926,7 +5932,7 @@ const W5 = ({
           className: `snmt-select-1-15-6 ${J ? "snmt-select-focused" : ""}
                         ${s ? "" : "snmt-select-single"} ${f ? "snmt-select-read-only" : ""}`,
           ref: Z,
-          style: { width: c },
+          style: { width: h },
           children: [
             /* @__PURE__ */ r(
               xe,
@@ -5934,7 +5940,7 @@ const W5 = ({
                 className: "snmt-select-blank",
                 popupClassName: f ? "dropdown-read-only" : "",
                 id: k,
-                ref: x,
+                ref: R,
                 showSearch: !!n,
                 filterOption: n && U,
                 onDropdownVisibleChange: W,
@@ -5949,7 +5955,7 @@ const W5 = ({
                 onFocus: O,
                 onBlur: K,
                 onSearch: (L) => {
-                  D(!L), h && h(L);
+                  D(!L), c && c(L);
                 },
                 onSelect: () => D(!0),
                 onDeselect: () => D(!0),
@@ -5959,7 +5965,7 @@ const W5 = ({
                 onPopupScroll: v1,
                 prefix: S && /* @__PURE__ */ r(K1, { size: 15 }),
                 suffixIcon: /* @__PURE__ */ r("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ C(i1, { children: [
-                  I && !!I.length && (s || g) && /* @__PURE__ */ r(
+                  I && !!I.length && (s || d) && /* @__PURE__ */ r(
                     "div",
                     {
                       onClick: e1,
@@ -5987,7 +5993,7 @@ const W5 = ({
                 ] }) }),
                 removeIcon: /* @__PURE__ */ r(u1, { name: "errorSmall", color: Q.GREY_DARK_1 }),
                 options: a,
-                optionRender: (L) => M ? M(L.data) : /* @__PURE__ */ C(p1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                optionRender: (L) => N ? N(L.data) : /* @__PURE__ */ C(p1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                   /* @__PURE__ */ C(p1, { alignItems: "center", gap: 12, children: [
                     s && /* @__PURE__ */ r(
                       Qe,
@@ -6020,22 +6026,22 @@ const W5 = ({
               /* @__PURE__ */ r(
                 "label",
                 {
-                  className: `${J || z ? "label-floating" : ""} ${o ? "label-disabled" : ""} ${J ? "label-focused" : ""} ${S ? "label-loading" : ""} ${N ? "label-error" : ""}`,
-                  children: d ? `${t}*` : t
+                  className: `${J || z ? "label-floating" : ""} ${o ? "label-disabled" : ""} ${J ? "label-focused" : ""} ${S ? "label-loading" : ""} ${x ? "label-error" : ""}`,
+                  children: g ? `${t}*` : t
                 }
               ),
               /* @__PURE__ */ r(
                 "fieldset",
                 {
-                  className: `${J ? "fieldset-focused" : ""} ${o ? "fieldset-disabled" : ""} ${z ? "fieldset-filled" : ""} ${N ? "fieldset-error" : ""}`,
-                  children: /* @__PURE__ */ r("legend", { children: /* @__PURE__ */ r("span", { children: d ? `${t}*` : t }) })
+                  className: `${J ? "fieldset-focused" : ""} ${o ? "fieldset-disabled" : ""} ${z ? "fieldset-filled" : ""} ${x ? "fieldset-error" : ""}`,
+                  children: /* @__PURE__ */ r("legend", { children: /* @__PURE__ */ r("span", { children: g ? `${t}*` : t }) })
                 }
               )
             ] })
           ]
         }
       ),
-      N && /* @__PURE__ */ C(p1, { justifyContent: "flex-start", gap: 6, children: [
+      x && /* @__PURE__ */ C(p1, { justifyContent: "flex-start", gap: 6, children: [
         /* @__PURE__ */ r(
           u1,
           {
@@ -6045,7 +6051,7 @@ const W5 = ({
             width: 16
           }
         ),
-        typeof N == "string" ? /* @__PURE__ */ r(D5, { color: Q.NOTIFICATION_ERROR_DARK, variant: "body4", children: N }) : N
+        typeof x == "string" ? /* @__PURE__ */ r(D5, { color: Q.NOTIFICATION_ERROR_DARK, variant: "body4", children: x }) : x
       ] })
     ] });
   }
@@ -6077,23 +6083,23 @@ const I1 = 100, l1 = {
     value: s,
     id: n,
     disabled: a,
-    scrollThresholdValue: c,
+    scrollThresholdValue: h,
     placeholder: o,
-    mode: d,
-    loadOnClosedState: g,
+    mode: g,
+    loadOnClosedState: d,
     preloadOptions: l,
-    extraOptions: h,
+    extraOptions: c,
     onDropdownVisibleChange: u,
     optionRender: p,
     dropdownRender: w,
     readOnly: k,
     clearable: m = !1,
     required: _ = !1,
-    error: M
+    error: N
   }, S) => {
-    const [f, N] = T(), [x, v] = T(l1), [P, J] = T(!1), [F, H] = T(), [D, I] = T(!1), [V, Z] = T(
-      h ?? []
-    ), W = P1(x.offset), U = P1(F), [O, K] = T(!1), G = q(!1), e1 = $(
+    const [f, x] = T(), [R, v] = T(l1), [P, J] = T(!1), [F, H] = T(), [D, I] = T(!1), [V, Z] = T(
+      c ?? []
+    ), W = P1(R.offset), U = P1(F), [O, K] = T(!1), G = q(!1), e1 = $(
       async ({
         limit: A = I1,
         offset: z,
@@ -6106,7 +6112,7 @@ const I1 = 100, l1 = {
             offset: z,
             search: L
           });
-          N(
+          x(
             (B) => z === 0 ? b.options : [...B ?? [], ...b.options]
           ), v((B) => ({
             ...B,
@@ -6126,12 +6132,12 @@ const I1 = 100, l1 = {
       [t1]
     ), L1 = $(
       async (A) => {
-        P || A && x.count && x.count > ((f == null ? void 0 : f.length) ?? 0) && v((z) => ({
+        P || A && R.count && R.count > ((f == null ? void 0 : f.length) ?? 0) && v((z) => ({
           ...z,
           offset: z.offset + I1
         }));
       },
-      [P, f == null ? void 0 : f.length, x.count]
+      [P, f == null ? void 0 : f.length, R.count]
     ), v1 = $(
       (A) => {
         I(A), !A && F && (H(void 0), v(l1), K(!0)), u == null || u(A);
@@ -6139,22 +6145,22 @@ const I1 = 100, l1 = {
       [u, F]
     );
     j(() => {
-      !G.current || P || (O || D && (W !== x.offset || U !== F || !f)) && (e1({ offset: x.offset, limit: I1, search: F }), O && K(!1));
-    }, [O, D, x.offset, F, W, U, f, P]), j(() => {
-      (g || l) && e1(l1), G.current = !0;
+      !G.current || P || (O || D && (W !== R.offset || U !== F || !f)) && (e1({ offset: R.offset, limit: I1, search: F }), O && K(!1));
+    }, [O, D, R.offset, F, W, U, f, P]), j(() => {
+      (d || l) && e1(l1), G.current = !0;
     }, []), j(() => {
-      h && Z((A) => {
-        const z = h.filter(
+      c && Z((A) => {
+        const z = c.filter(
           (L) => !A.some((b) => b.value === L.value)
         );
         return [...A, ...z];
       });
-    }, [h]);
+    }, [c]);
     const o1 = $(
       (A) => {
         t && t(A);
         let z = [];
-        if (d ? z = Array.isArray(A) ? A : [] : z = A ? [A] : [], F) {
+        if (g ? z = Array.isArray(A) ? A : [] : z = A ? [A] : [], F) {
           const L = z.filter(
             (b) => !(V != null && V.some((B) => B.value === b))
           );
@@ -6170,7 +6176,7 @@ const I1 = 100, l1 = {
           ]), H(void 0), v(l1), K(!0);
         }
       },
-      [t, F, d, f, V]
+      [t, F, g, f, V]
     ), N1 = Ne(
       () => ({
         id: n,
@@ -6183,7 +6189,7 @@ const I1 = 100, l1 = {
         value: s,
         onSearchChange: g1,
         onDropdownVisibleChange: v1,
-        scrollThresholdValue: c,
+        scrollThresholdValue: h,
         onScrollToEnd: L1,
         disabled: a,
         extraOptions: V,
@@ -6193,7 +6199,7 @@ const I1 = 100, l1 = {
         readOnly: k,
         clearable: m,
         required: _,
-        error: M
+        error: N
       }),
       [
         n,
@@ -6205,7 +6211,7 @@ const I1 = 100, l1 = {
         s,
         g1,
         v1,
-        c,
+        h,
         L1,
         a,
         V,
@@ -6215,14 +6221,14 @@ const I1 = 100, l1 = {
         k,
         m,
         _,
-        M
+        N
       ]
     );
     return _1(S, () => ({
       refetchOptions: async () => {
         v(l1), H(void 0), K(!0);
       }
-    })), d ? /* @__PURE__ */ r($1, { ...N1, value: s, mode: d }) : /* @__PURE__ */ r("div", { className: "snmt-async-select", children: /* @__PURE__ */ r($1, { ...N1, value: s }) });
+    })), g ? /* @__PURE__ */ r($1, { ...N1, value: s, mode: g }) : /* @__PURE__ */ r("div", { className: "snmt-async-select", children: /* @__PURE__ */ r($1, { ...N1, value: s }) });
   }
 );
 var R1 = /* @__PURE__ */ ((i) => (i.ACTIVE = "Active", i.ARCHIVED = "Archived", i))(R1 || {});
@@ -6269,11 +6275,11 @@ const Ce = (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, a = e.languages[e.languages.length - 1];
   if (s.toLowerCase() === "cimode") return !0;
-  const c = (o, d) => {
-    const g = e.services.backendConnector.state[`${o}|${d}`];
-    return g === -1 || g === 2;
+  const h = (o, g) => {
+    const d = e.services.backendConnector.state[`${o}|${g}`];
+    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(a, 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(a, i)));
 }, F5 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   return !e.languages || !e.languages.length ? (A1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
@@ -6356,49 +6362,49 @@ const ri = (i, e) => {
   } = r1(si) || {}, a = t || s || ti();
   if (a && !a.reportNamespaces && (a.reportNamespaces = new ni()), !a) {
     A1("You will need to pass in an i18next instance by using initReactI18next");
-    const f = (x, v) => n1(v) ? v : Y5(v) && n1(v.defaultValue) ? v.defaultValue : Array.isArray(x) ? x[x.length - 1] : x, N = [f, {}, !1];
-    return N.t = f, N.i18n = {}, N.ready = !1, N;
+    const f = (R, v) => n1(v) ? v : Y5(v) && n1(v.defaultValue) ? v.defaultValue : Array.isArray(R) ? R[R.length - 1] : R, x = [f, {}, !1];
+    return x.t = f, x.i18n = {}, x.ready = !1, x;
   }
   a.options.react && a.options.react.wait !== void 0 && A1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
-  const c = {
+  const h = {
     ...X5(),
     ...a.options.react,
     ...e
   }, {
     useSuspense: o,
-    keyPrefix: d
-  } = c;
-  let g = i;
-  g = n1(g) ? [g] : g || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(g);
-  const l = (a.isInitialized || a.initializedStoreOnce) && g.every((f) => F5(f, a, c)), h = oi(a, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => fe(a, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [w, k] = T(u);
-  let m = g.join();
+    keyPrefix: g
+  } = h;
+  let d = i;
+  d = n1(d) ? [d] : d || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(d);
+  const l = (a.isInitialized || a.initializedStoreOnce) && d.every((f) => F5(f, a, h)), c = oi(a, e.lng || null, h.nsMode === "fallback" ? d : d[0], g), u = () => c, p = () => fe(a, e.lng || null, h.nsMode === "fallback" ? d : d[0], g), [w, k] = T(u);
+  let m = d.join();
   e.lng && (m = `${e.lng}${m}`);
-  const _ = ri(m), M = q(!0);
+  const _ = ri(m), N = q(!0);
   j(() => {
     const {
       bindI18n: f,
-      bindI18nStore: N
-    } = c;
-    M.current = !0, !l && !o && (e.lng ? z1(a, e.lng, g, () => {
-      M.current && k(p);
-    }) : U1(a, g, () => {
-      M.current && k(p);
-    })), l && _ && _ !== m && M.current && k(p);
-    const x = () => {
-      M.current && k(p);
+      bindI18nStore: x
+    } = h;
+    N.current = !0, !l && !o && (e.lng ? z1(a, e.lng, d, () => {
+      N.current && k(p);
+    }) : U1(a, d, () => {
+      N.current && k(p);
+    })), l && _ && _ !== m && N.current && k(p);
+    const R = () => {
+      N.current && k(p);
     };
-    return f && a && a.on(f, x), N && a && a.store.on(N, x), () => {
-      M.current = !1, f && a && f.split(" ").forEach((v) => a.off(v, x)), N && a && N.split(" ").forEach((v) => a.store.off(v, x));
+    return f && a && a.on(f, R), x && a && a.store.on(x, R), () => {
+      N.current = !1, f && a && f.split(" ").forEach((v) => a.off(v, R)), x && a && x.split(" ").forEach((v) => a.store.off(v, R));
     };
   }, [a, m]), j(() => {
-    M.current && l && k(u);
-  }, [a, d, l]);
+    N.current && l && k(u);
+  }, [a, g, l]);
   const S = [w, a, l];
   if (S.t = w, S.i18n = a, S.ready = l, l || !l && !o) return S;
   throw new Promise((f) => {
-    e.lng ? z1(a, e.lng, g, () => f()) : U1(a, g, () => f());
+    e.lng ? z1(a, e.lng, d, () => f()) : U1(a, d, () => f());
   });
-}, R = (i) => typeof i == "string", C1 = () => {
+}, M = (i) => typeof i == "string", C1 = () => {
   let i, e;
   const t = new Promise((s, n) => {
     i = s, e = n;
@@ -6408,8 +6414,8 @@ const ri = (i, e) => {
   i.forEach((s) => {
     e[s] && (t[s] = e[s]);
   });
-}, hi = /###/g, q1 = (i) => i && i.indexOf("###") > -1 ? i.replace(hi, ".") : i, Q1 = (i) => !i || R(i), m1 = (i, e, t) => {
-  const s = R(e) ? e.split(".") : e;
+}, ci = /###/g, q1 = (i) => i && i.indexOf("###") > -1 ? i.replace(ci, ".") : i, Q1 = (i) => !i || M(i), m1 = (i, e, t) => {
+  const s = M(e) ? e.split(".") : e;
   let n = 0;
   for (; n < s.length - 1; ) {
     if (Q1(i)) return {};
@@ -6429,11 +6435,11 @@ const ri = (i, e) => {
     s[n] = t;
     return;
   }
-  let a = e[e.length - 1], c = e.slice(0, e.length - 1), o = m1(i, c, Object);
-  for (; o.obj === void 0 && c.length; )
-    a = `${c[c.length - 1]}.${a}`, c = c.slice(0, c.length - 1), o = m1(i, c, Object), o && o.obj && typeof o.obj[`${o.k}.${a}`] < "u" && (o.obj = void 0);
+  let a = e[e.length - 1], h = e.slice(0, e.length - 1), o = m1(i, h, Object);
+  for (; o.obj === void 0 && h.length; )
+    a = `${h[h.length - 1]}.${a}`, h = h.slice(0, h.length - 1), o = m1(i, h, Object), o && o.obj && typeof o.obj[`${o.k}.${a}`] < "u" && (o.obj = void 0);
   o.obj[`${o.k}.${a}`] = t;
-}, ci = (i, e, t, s) => {
+}, hi = (i, e, t, s) => {
   const {
     obj: n,
     k: a
@@ -6451,9 +6457,9 @@ const ri = (i, e) => {
   return s !== void 0 ? s : M1(e, t);
 }, me = (i, e, t) => {
   for (const s in e)
-    s !== "__proto__" && s !== "constructor" && (s in i ? R(i[s]) || i[s] instanceof String || R(e[s]) || e[s] instanceof String ? t && (i[s] = e[s]) : me(i[s], e[s], t) : i[s] = e[s]);
+    s !== "__proto__" && s !== "constructor" && (s in i ? M(i[s]) || i[s] instanceof String || M(e[s]) || e[s] instanceof String ? t && (i[s] = e[s]) : me(i[s], e[s], t) : i[s] = e[s]);
   return i;
-}, h1 = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+}, c1 = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
 var gi = {
   "&": "&amp;",
   "<": "&lt;",
@@ -6462,7 +6468,7 @@ var gi = {
   "'": "&#39;",
   "/": "&#x2F;"
 };
-const ui = (i) => R(i) ? i.replace(/[&<>"'\/]/g, (e) => gi[e]) : i;
+const ui = (i) => M(i) ? i.replace(/[&<>"'\/]/g, (e) => gi[e]) : i;
 class Ci {
   constructor(e) {
     this.capacity = e, this.regExpMap = /* @__PURE__ */ new Map(), this.regExpQueue = [];
@@ -6477,13 +6483,13 @@ class Ci {
 }
 const pi = [" ", ",", "?", "!", ";"], fi = new Ci(20), mi = (i, e, t) => {
   e = e || "", t = t || "";
-  const s = pi.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
+  const s = pi.filter((h) => e.indexOf(h) < 0 && t.indexOf(h) < 0);
   if (s.length === 0) return !0;
-  const n = fi.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
+  const n = fi.getRegExp(`(${s.map((h) => h === "?" ? "\\?" : h).join("|")})`);
   let a = !n.test(i);
   if (!a) {
-    const c = i.indexOf(t);
-    c > 0 && !n.test(i.substring(0, c)) && (a = !0);
+    const h = i.indexOf(t);
+    h > 0 && !n.test(i.substring(0, h)) && (a = !0);
   }
   return a;
 }, Z1 = function(i, e) {
@@ -6495,15 +6501,15 @@ const pi = [" ", ",", "?", "!", ";"], fi = new Ci(20), mi = (i, e, t) => {
   for (let a = 0; a < s.length; ) {
     if (!n || typeof n != "object")
       return;
-    let c, o = "";
-    for (let d = a; d < s.length; ++d)
-      if (d !== a && (o += t), o += s[d], c = n[o], c !== void 0) {
-        if (["string", "number", "boolean"].indexOf(typeof c) > -1 && d < s.length - 1)
+    let h, o = "";
+    for (let g = a; g < s.length; ++g)
+      if (g !== a && (o += t), o += s[g], h = n[o], h !== void 0) {
+        if (["string", "number", "boolean"].indexOf(typeof h) > -1 && g < s.length - 1)
           continue;
-        a += d - a + 1;
+        a += g - a + 1;
         break;
       }
-    n = c;
+    n = h;
   }
   return n;
 }, b1 = (i) => i && i.replace("_", "-"), wi = {
@@ -6551,7 +6557,7 @@ class y1 {
     return this.forward(t, "warn", "WARNING DEPRECATED: ", !0);
   }
   forward(e, t, s, n) {
-    return n && !this.debug ? null : (R(e[0]) && (e[0] = `${s}${this.prefix} ${e[0]}`), this.logger[t](e));
+    return n && !this.debug ? null : (M(e[0]) && (e[0] = `${s}${this.prefix} ${e[0]}`), this.logger[t](e));
   }
   create(e) {
     return new y1(this.logger, {
@@ -6587,13 +6593,13 @@ class H1 {
   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 [o, d] = c;
-      for (let g = 0; g < d; g++)
+    this.observers[e] && Array.from(this.observers[e].entries()).forEach((h) => {
+      let [o, g] = h;
+      for (let d = 0; d < g; d++)
         o(...s);
-    }), this.observers["*"] && Array.from(this.observers["*"].entries()).forEach((c) => {
-      let [o, d] = c;
-      for (let g = 0; g < d; g++)
+    }), this.observers["*"] && Array.from(this.observers["*"].entries()).forEach((h) => {
+      let [o, g] = h;
+      for (let d = 0; d < g; d++)
         o.apply(o, [e, ...s]);
     });
   }
@@ -6615,41 +6621,41 @@ class ee extends H1 {
   }
   getResource(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
-    const a = n.keySeparator !== void 0 ? n.keySeparator : this.options.keySeparator, c = n.ignoreJSONStructure !== void 0 ? n.ignoreJSONStructure : this.options.ignoreJSONStructure;
+    const a = n.keySeparator !== void 0 ? n.keySeparator : this.options.keySeparator, h = n.ignoreJSONStructure !== void 0 ? n.ignoreJSONStructure : this.options.ignoreJSONStructure;
     let o;
-    e.indexOf(".") > -1 ? o = e.split(".") : (o = [e, t], s && (Array.isArray(s) ? o.push(...s) : R(s) && a ? o.push(...s.split(a)) : o.push(s)));
-    const d = M1(this.data, o);
-    return !d && !t && !s && e.indexOf(".") > -1 && (e = o[0], t = o[1], s = o.slice(2).join(".")), d || !c || !R(s) ? d : Z1(this.data && this.data[e] && this.data[e][t], s, a);
+    e.indexOf(".") > -1 ? o = e.split(".") : (o = [e, t], s && (Array.isArray(s) ? o.push(...s) : M(s) && a ? o.push(...s.split(a)) : o.push(s)));
+    const g = M1(this.data, o);
+    return !g && !t && !s && e.indexOf(".") > -1 && (e = o[0], t = o[1], s = o.slice(2).join(".")), g || !h || !M(s) ? g : Z1(this.data && this.data[e] && this.data[e][t], s, a);
   }
   addResource(e, t, s, n) {
     let a = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {
       silent: !1
     };
-    const c = a.keySeparator !== void 0 ? a.keySeparator : this.options.keySeparator;
+    const h = a.keySeparator !== void 0 ? a.keySeparator : this.options.keySeparator;
     let o = [e, t];
-    s && (o = o.concat(c ? s.split(c) : s)), e.indexOf(".") > -1 && (o = e.split("."), n = t, t = o[1]), this.addNamespaces(t), X1(this.data, o, n), a.silent || this.emit("added", e, t, s, n);
+    s && (o = o.concat(h ? s.split(h) : s)), e.indexOf(".") > -1 && (o = e.split("."), n = t, t = o[1]), this.addNamespaces(t), X1(this.data, o, n), a.silent || this.emit("added", e, t, s, n);
   }
   addResources(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {
       silent: !1
     };
     for (const a in s)
-      (R(s[a]) || Array.isArray(s[a])) && this.addResource(e, t, a, s[a], {
+      (M(s[a]) || Array.isArray(s[a])) && this.addResource(e, t, a, s[a], {
         silent: !0
       });
     n.silent || this.emit("added", e, t, s);
   }
   addResourceBundle(e, t, s, n, a) {
-    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
     }, o = [e, t];
     e.indexOf(".") > -1 && (o = e.split("."), n = s, s = t, t = o[1]), this.addNamespaces(t);
-    let d = M1(this.data, o) || {};
-    c.skipCopy || (s = JSON.parse(JSON.stringify(s))), n ? me(d, s, a) : d = {
-      ...d,
+    let g = M1(this.data, o) || {};
+    h.skipCopy || (s = JSON.parse(JSON.stringify(s))), n ? me(g, s, a) : g = {
+      ...g,
       ...s
-    }, X1(this.data, o, d), c.silent || this.emit("added", e, t, s);
+    }, X1(this.data, o, g), 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);
@@ -6707,20 +6713,20 @@ class E1 extends H1 {
     s === void 0 && (s = ":");
     const n = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator;
     let a = t.ns || this.options.defaultNS || [];
-    const c = s && e.indexOf(s) > -1, o = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !mi(e, s, n);
-    if (c && !o) {
-      const d = e.match(this.interpolator.nestingRegexp);
-      if (d && d.length > 0)
+    const h = s && e.indexOf(s) > -1, o = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !mi(e, s, n);
+    if (h && !o) {
+      const g = e.match(this.interpolator.nestingRegexp);
+      if (g && g.length > 0)
         return {
           key: e,
-          namespaces: R(a) ? [a] : a
+          namespaces: M(a) ? [a] : a
         };
-      const g = e.split(s);
-      (s !== n || s === n && this.options.ns.indexOf(g[0]) > -1) && (a = g.shift()), e = g.join(n);
+      const d = e.split(s);
+      (s !== n || s === n && this.options.ns.indexOf(d[0]) > -1) && (a = d.shift()), e = d.join(n);
     }
     return {
       key: e,
-      namespaces: R(a) ? [a] : a
+      namespaces: M(a) ? [a] : a
     };
   }
   translate(e, t, s) {
@@ -6729,67 +6735,67 @@ class E1 extends H1 {
     }), t || (t = {}), e == null) return "";
     Array.isArray(e) || (e = [String(e)]);
     const n = t.returnDetails !== void 0 ? t.returnDetails : this.options.returnDetails, a = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator, {
-      key: c,
+      key: h,
       namespaces: o
-    } = this.extractFromKey(e[e.length - 1], t), d = o[o.length - 1], g = t.lng || this.language, l = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
-    if (g && g.toLowerCase() === "cimode") {
+    } = this.extractFromKey(e[e.length - 1], t), g = o[o.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: `${d}${f}${c}`,
-          usedKey: c,
-          exactUsedKey: c,
-          usedLng: g,
-          usedNS: d,
+          res: `${g}${f}${h}`,
+          usedKey: h,
+          exactUsedKey: h,
+          usedLng: d,
+          usedNS: g,
           usedParams: this.getUsedParamsDetails(t)
-        } : `${d}${f}${c}`;
+        } : `${g}${f}${h}`;
       }
       return n ? {
-        res: c,
-        usedKey: c,
-        exactUsedKey: c,
-        usedLng: g,
-        usedNS: d,
+        res: h,
+        usedKey: h,
+        exactUsedKey: h,
+        usedLng: d,
+        usedNS: g,
         usedParams: this.getUsedParamsDetails(t)
-      } : c;
+      } : h;
     }
-    const h = this.resolve(e, t);
-    let u = h && h.res;
-    const p = h && h.usedKey || c, w = h && h.exactUsedKey || c, k = Object.prototype.toString.apply(u), m = ["[object Number]", "[object Function]", "[object RegExp]"], _ = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, M = !this.i18nFormat || this.i18nFormat.handleAsObject, S = !R(u) && typeof u != "boolean" && typeof u != "number";
-    if (M && u && S && m.indexOf(k) < 0 && !(R(_) && Array.isArray(u))) {
+    const c = this.resolve(e, t);
+    let u = c && c.res;
+    const p = c && c.usedKey || h, w = c && c.exactUsedKey || h, k = Object.prototype.toString.apply(u), m = ["[object Number]", "[object Function]", "[object RegExp]"], _ = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, N = !this.i18nFormat || this.i18nFormat.handleAsObject, S = !M(u) && typeof u != "boolean" && typeof u != "number";
+    if (N && u && S && m.indexOf(k) < 0 && !(M(_) && Array.isArray(u))) {
       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, u, {
           ...t,
           ns: o
-        }) : `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 (a) {
-        const f = Array.isArray(u), N = f ? [] : {}, x = f ? w : p;
+        const f = Array.isArray(u), x = f ? [] : {}, R = f ? w : p;
         for (const v in u)
           if (Object.prototype.hasOwnProperty.call(u, v)) {
-            const P = `${x}${a}${v}`;
-            N[v] = this.translate(P, {
+            const P = `${R}${a}${v}`;
+            x[v] = this.translate(P, {
               ...t,
               joinArrays: !1,
               ns: o
-            }), N[v] === P && (N[v] = u[v]);
+            }), x[v] === P && (x[v] = u[v]);
           }
-        u = N;
+        u = x;
       }
-    } else if (M && R(_) && Array.isArray(u))
+    } else if (N && M(_) && Array.isArray(u))
       u = u.join(_), u && (u = this.extendTranslation(u, e, t, s));
     else {
-      let f = !1, N = !1;
-      const x = t.count !== void 0 && !R(t.count), v = E1.hasDefaultValue(t), P = x ? this.pluralResolver.getSuffix(g, t.count, t) : "", J = t.ordinal && x ? this.pluralResolver.getSuffix(g, t.count, {
+      let f = !1, x = !1;
+      const R = t.count !== void 0 && !M(t.count), v = E1.hasDefaultValue(t), P = R ? this.pluralResolver.getSuffix(d, t.count, t) : "", J = t.ordinal && R ? this.pluralResolver.getSuffix(d, t.count, {
         ordinal: !1
-      }) : "", F = x && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), H = F && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${P}`] || t[`defaultValue${J}`] || t.defaultValue;
-      !this.isValidLookup(u) && v && (f = !0, u = H), this.isValidLookup(u) || (N = !0, u = c);
-      const I = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && N ? void 0 : u, V = v && H !== u && this.options.updateMissing;
-      if (N || f || V) {
-        if (this.logger.log(V ? "updateKey" : "missingKey", g, d, c, V ? H : u), a) {
-          const O = this.resolve(c, {
+      }) : "", F = R && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), H = F && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${P}`] || t[`defaultValue${J}`] || t.defaultValue;
+      !this.isValidLookup(u) && v && (f = !0, u = H), this.isValidLookup(u) || (x = !0, u = h);
+      const I = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && x ? void 0 : u, V = v && H !== u && this.options.updateMissing;
+      if (x || f || V) {
+        if (this.logger.log(V ? "updateKey" : "missingKey", d, g, h, V ? H : u), a) {
+          const O = this.resolve(h, {
             ...t,
             keySeparator: !1
           });
@@ -6803,21 +6809,21 @@ class E1 extends H1 {
         else this.options.saveMissingTo === "all" ? Z = this.languageUtils.toResolveHierarchy(t.lng || this.language) : Z.push(t.lng || this.language);
         const U = (O, K, G) => {
           const e1 = v && G !== u ? G : I;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(O, d, K, e1, V, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(O, d, K, e1, V, t), this.emit("missingKey", O, d, K, u);
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(O, g, K, e1, V, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(O, g, K, e1, V, t), this.emit("missingKey", O, g, K, u);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && x ? Z.forEach((O) => {
+        this.options.saveMissing && (this.options.saveMissingPlurals && R ? Z.forEach((O) => {
           const K = this.pluralResolver.getSuffixes(O, t);
           F && t[`defaultValue${this.options.pluralSeparator}zero`] && K.indexOf(`${this.options.pluralSeparator}zero`) < 0 && K.push(`${this.options.pluralSeparator}zero`), K.forEach((G) => {
-            U([O], c + G, t[`defaultValue${G}`] || H);
+            U([O], h + G, t[`defaultValue${G}`] || H);
           });
-        }) : U(Z, c, H));
+        }) : U(Z, h, H));
       }
-      u = this.extendTranslation(u, e, t, h, s), N && u === c && this.options.appendNamespaceToMissingKey && (u = `${d}:${c}`), (N || f) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? u = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, f ? u : void 0) : u = this.options.parseMissingKeyHandler(u));
+      u = this.extendTranslation(u, e, t, c, s), x && u === h && this.options.appendNamespaceToMissingKey && (u = `${g}:${h}`), (x || f) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? u = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${g}:${h}` : h, f ? u : void 0) : u = this.options.parseMissingKeyHandler(u));
     }
-    return n ? (h.res = u, h.usedParams = this.getUsedParamsDetails(t), h) : u;
+    return n ? (c.res = u, c.usedParams = this.getUsedParamsDetails(t), c) : u;
   }
   extendTranslation(e, t, s, n, a) {
-    var c = this;
+    var h = this;
     if (this.i18nFormat && this.i18nFormat.parse)
       e = this.i18nFormat.parse(e, {
         ...this.options.interpolation.defaultVariables,
@@ -6833,28 +6839,28 @@ class E1 extends H1 {
           ...s.interpolation
         }
       });
-      const g = R(e) && (s && s.interpolation && s.interpolation.skipOnVariables !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
+      const d = M(e) && (s && s.interpolation && s.interpolation.skipOnVariables !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
       let l;
-      if (g) {
+      if (d) {
         const u = e.match(this.interpolator.nestingRegexp);
         l = u && u.length;
       }
-      let h = s.replace && !R(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), g) {
+        ...c
+      }), e = this.interpolator.interpolate(e, c, s.lng || this.language || n.usedLng, s), d) {
         const u = e.match(this.interpolator.nestingRegexp), p = u && u.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 u = arguments.length, p = new Array(u), w = 0; w < u; w++)
           p[w] = arguments[w];
-        return a && a[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 a && a[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 o = s.postProcess || this.options.postProcess, d = R(o) ? [o] : o;
-    return e != null && d && d.length && s.applyPostProcessor !== !1 && (e = we.handle(d, e, t, this.options && this.options.postProcessPassResolved ? {
+    const o = s.postProcess || this.options.postProcess, g = M(o) ? [o] : o;
+    return e != null && g && g.length && s.applyPostProcessor !== !1 && (e = we.handle(g, e, t, this.options && this.options.postProcessPassResolved ? {
       i18nResolved: {
         ...n,
         usedParams: this.getUsedParamsDetails(s)
@@ -6863,32 +6869,32 @@ class E1 extends H1 {
     } : s, this)), e;
   }
   resolve(e) {
-    let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, s, n, a, c, o;
-    return R(e) && (e = [e]), e.forEach((d) => {
+    let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, s, n, a, h, o;
+    return M(e) && (e = [e]), e.forEach((g) => {
       if (this.isValidLookup(s)) return;
-      const g = this.extractFromKey(d, t), l = g.key;
+      const d = this.extractFromKey(g, t), l = d.key;
       n = l;
-      let h = g.namespaces;
-      this.options.fallbackNS && (h = h.concat(this.options.fallbackNS));
-      const u = t.count !== void 0 && !R(t.count), p = u && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), w = t.context !== void 0 && (R(t.context) || typeof t.context == "number") && t.context !== "", k = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
-      h.forEach((m) => {
+      let c = d.namespaces;
+      this.options.fallbackNS && (c = c.concat(this.options.fallbackNS));
+      const u = t.count !== void 0 && !M(t.count), p = u && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), w = t.context !== void 0 && (M(t.context) || typeof t.context == "number") && t.context !== "", k = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      c.forEach((m) => {
         this.isValidLookup(s) || (o = m, !te[`${k[0]}-${m}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(o) && (te[`${k[0]}-${m}`] = !0, this.logger.warn(`key "${n}" for languages "${k.join(", ")}" won't get resolved as namespace "${o}" 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!!!")), k.forEach((_) => {
           if (this.isValidLookup(s)) return;
-          c = _;
-          const M = [l];
+          h = _;
+          const N = [l];
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
-            this.i18nFormat.addLookupKeys(M, l, _, m, t);
+            this.i18nFormat.addLookupKeys(N, l, _, m, t);
           else {
             let f;
             u && (f = this.pluralResolver.getSuffix(_, t.count, t));
-            const N = `${this.options.pluralSeparator}zero`, x = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (u && (M.push(l + f), t.ordinal && f.indexOf(x) === 0 && M.push(l + f.replace(x, this.options.pluralSeparator)), p && M.push(l + N)), w) {
+            const x = `${this.options.pluralSeparator}zero`, R = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
+            if (u && (N.push(l + f), t.ordinal && f.indexOf(R) === 0 && N.push(l + f.replace(R, this.options.pluralSeparator)), p && N.push(l + x)), w) {
               const v = `${l}${this.options.contextSeparator}${t.context}`;
-              M.push(v), u && (M.push(v + f), t.ordinal && f.indexOf(x) === 0 && M.push(v + f.replace(x, this.options.pluralSeparator)), p && M.push(v + N));
+              N.push(v), u && (N.push(v + f), t.ordinal && f.indexOf(R) === 0 && N.push(v + f.replace(R, this.options.pluralSeparator)), p && N.push(v + x));
             }
           }
           let S;
-          for (; S = M.pop(); )
+          for (; S = N.pop(); )
             this.isValidLookup(s) || (a = S, s = this.getResource(_, m, S, t));
         }));
       });
@@ -6896,7 +6902,7 @@ class E1 extends H1 {
       res: s,
       usedKey: n,
       exactUsedKey: a,
-      usedLng: c,
+      usedLng: h,
       usedNS: o
     };
   }
@@ -6909,7 +6915,7 @@ class E1 extends H1 {
   }
   getUsedParamsDetails() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    const t = ["defaultValue", "ordinal", "context", "replace", "lng", "lngs", "fallbackLng", "ns", "keySeparator", "nsSeparator", "returnObjects", "returnDetails", "joinArrays", "postProcess", "interpolation"], s = e.replace && !R(e.replace);
+    const t = ["defaultValue", "ordinal", "context", "replace", "lng", "lngs", "fallbackLng", "ns", "keySeparator", "nsSeparator", "returnObjects", "returnDetails", "joinArrays", "postProcess", "interpolation"], s = e.replace && !M(e.replace);
     let n = s ? e.replace : e;
     if (s && typeof e.count < "u" && (n.count = e.count), this.options.interpolation.defaultVariables && (n = {
       ...this.options.interpolation.defaultVariables,
@@ -6947,7 +6953,7 @@ class ie {
     return this.formatLanguageCode(t[0]);
   }
   formatLanguageCode(e) {
-    if (R(e) && e.indexOf("-") > -1) {
+    if (M(e) && e.indexOf("-") > -1) {
       if (typeof Intl < "u" && typeof Intl.getCanonicalLocales < "u")
         try {
           let n = Intl.getCanonicalLocales(e)[0];
@@ -6983,17 +6989,17 @@ class ie {
   }
   getFallbackCodes(e, t) {
     if (!e) return [];
-    if (typeof e == "function" && (e = e(t)), R(e) && (e = [e]), Array.isArray(e)) return e;
+    if (typeof e == "function" && (e = e(t)), M(e) && (e = [e]), Array.isArray(e)) return e;
     if (!t) return e.default || [];
     let s = e[t];
     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 = [], a = (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 = [], a = (h) => {
+      h && (this.isSupportedCode(h) ? n.push(h) : this.logger.warn(`rejecting language code not found in supportedLngs: ${h}`));
     };
-    return R(e) && (e.indexOf("-") > -1 || e.indexOf("_") > -1) ? (this.options.load !== "languageOnly" && a(this.formatLanguageCode(e)), this.options.load !== "languageOnly" && this.options.load !== "currentOnly" && a(this.getScriptPartFromCode(e)), this.options.load !== "currentOnly" && a(this.getLanguagePartFromCode(e))) : R(e) && a(this.formatLanguageCode(e)), s.forEach((c) => {
-      n.indexOf(c) < 0 && a(this.formatLanguageCode(c));
+    return M(e) && (e.indexOf("-") > -1 || e.indexOf("_") > -1) ? (this.options.load !== "languageOnly" && a(this.formatLanguageCode(e)), this.options.load !== "languageOnly" && this.options.load !== "currentOnly" && a(this.getScriptPartFromCode(e)), this.options.load !== "currentOnly" && a(this.getLanguagePartFromCode(e))) : M(e) && a(this.formatLanguageCode(e)), s.forEach((h) => {
+      n.indexOf(h) < 0 && a(this.formatLanguageCode(h));
     }), n;
   }
 }
@@ -7151,17 +7157,17 @@ class Ri {
       });
       if (a in this.pluralRulesCache)
         return this.pluralRulesCache[a];
-      let c;
+      let h;
       try {
-        c = new Intl.PluralRules(s, {
+        h = new Intl.PluralRules(s, {
           type: n
         });
       } catch {
         if (!e.match(/-|_/)) return;
-        const d = this.languageUtils.getLanguagePartFromCode(e);
-        c = this.getRule(d, t);
+        const g = this.languageUtils.getLanguagePartFromCode(e);
+        h = this.getRule(g, t);
       }
-      return this.pluralRulesCache[a] = c, c;
+      return this.pluralRulesCache[a] = h, h;
     }
     return this.rules[e] || this.rules[this.languageUtils.getLanguagePartFromCode(e)];
   }
@@ -7197,7 +7203,7 @@ class Ri {
 }
 const ne = 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, a = di(i, e, t);
-  return !a && n && R(t) && (a = Z1(i, t, s), a === void 0 && (a = Z1(e, t, s))), a;
+  return !a && n && M(t) && (a = Z1(i, t, s), a === void 0 && (a = Z1(e, t, s))), a;
 }, S1 = (i) => i.replace(/\$/g, "$$$$");
 class Mi {
   constructor() {
@@ -7214,21 +7220,21 @@ class Mi {
       escapeValue: s,
       useRawValueToEscape: n,
       prefix: a,
-      prefixEscaped: c,
+      prefixEscaped: h,
       suffix: o,
-      suffixEscaped: d,
-      formatSeparator: g,
+      suffixEscaped: g,
+      formatSeparator: d,
       unescapeSuffix: l,
-      unescapePrefix: h,
+      unescapePrefix: c,
       nestingPrefix: u,
       nestingPrefixEscaped: p,
       nestingSuffix: w,
       nestingSuffixEscaped: k,
       nestingOptionsSeparator: m,
       maxReplaces: _,
-      alwaysFormat: M
+      alwaysFormat: N
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : ui, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = a ? h1(a) : c || "{{", this.suffix = o ? h1(o) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = l ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = u ? h1(u) : p || h1("$t("), this.nestingSuffix = w ? h1(w) : k || h1(")"), this.nestingOptionsSeparator = m || ",", this.maxReplaces = _ || 1e3, this.alwaysFormat = M !== void 0 ? M : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : ui, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = a ? c1(a) : h || "{{", this.suffix = o ? c1(o) : g || "}}", this.formatSeparator = d || ",", this.unescapePrefix = l ? "" : c || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = u ? c1(u) : p || c1("$t("), this.nestingSuffix = w ? c1(w) : k || c1(")"), this.nestingOptionsSeparator = m || ",", this.maxReplaces = _ || 1e3, this.alwaysFormat = N !== void 0 ? N : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -7238,10 +7244,10 @@ class Mi {
     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 a, c, o;
-    const d = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, g = (p) => {
+    let a, h, o;
+    const g = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, d = (p) => {
       if (p.indexOf(this.formatSeparator) < 0) {
-        const _ = ne(t, d, p, this.options.keySeparator, this.options.ignoreJSONStructure);
+        const _ = ne(t, g, p, this.options.keySeparator, this.options.ignoreJSONStructure);
         return this.alwaysFormat ? this.format(_, void 0, s, {
           ...n,
           ...t,
@@ -7249,14 +7255,14 @@ class Mi {
         }) : _;
       }
       const w = p.split(this.formatSeparator), k = w.shift().trim(), m = w.join(this.formatSeparator).trim();
-      return this.format(ne(t, d, k, this.options.keySeparator, this.options.ignoreJSONStructure), m, s, {
+      return this.format(ne(t, g, k, this.options.keySeparator, this.options.ignoreJSONStructure), m, s, {
         ...n,
         ...t,
         interpolationkey: k
       });
     };
     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) => S1(p)
@@ -7266,56 +7272,56 @@ class Mi {
     }].forEach((p) => {
       for (o = 0; a = p.regex.exec(e); ) {
         const w = a[1].trim();
-        if (c = g(w), c === void 0)
+        if (h = d(w), h === void 0)
           if (typeof l == "function") {
             const m = l(e, a, n);
-            c = R(m) ? m : "";
+            h = M(m) ? m : "";
           } else if (n && Object.prototype.hasOwnProperty.call(n, w))
-            c = "";
-          else if (h) {
-            c = a[0];
+            h = "";
+          else if (c) {
+            h = a[0];
             continue;
           } else
-            this.logger.warn(`missed to pass in variable ${w} for interpolating ${e}`), c = "";
-        else !R(c) && !this.useRawValueToEscape && (c = J1(c));
-        const k = p.safeValue(c);
-        if (e = e.replace(a[0], k), h ? (p.regex.lastIndex += c.length, p.regex.lastIndex -= a[0].length) : p.regex.lastIndex = 0, o++, o >= this.maxReplaces)
+            this.logger.warn(`missed to pass in variable ${w} for interpolating ${e}`), h = "";
+        else !M(h) && !this.useRawValueToEscape && (h = J1(h));
+        const k = p.safeValue(h);
+        if (e = e.replace(a[0], k), c ? (p.regex.lastIndex += h.length, p.regex.lastIndex -= a[0].length) : p.regex.lastIndex = 0, o++, o >= this.maxReplaces)
           break;
       }
     }), e;
   }
   nest(e, t) {
-    let s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n, a, c;
-    const o = (d, g) => {
+    let s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n, a, h;
+    const o = (g, d) => {
       const l = this.nestingOptionsSeparator;
-      if (d.indexOf(l) < 0) return d;
-      const h = d.split(new RegExp(`${l}[ ]*{`));
-      let u = `{${h[1]}`;
-      d = h[0], u = this.interpolate(u, c);
+      if (g.indexOf(l) < 0) return g;
+      const c = g.split(new RegExp(`${l}[ ]*{`));
+      let u = `{${c[1]}`;
+      g = c[0], u = this.interpolate(u, h);
       const p = u.match(/'/g), w = u.match(/"/g);
       (p && p.length % 2 === 0 && !w || w.length % 2 !== 0) && (u = u.replace(/'/g, '"'));
       try {
-        c = JSON.parse(u), g && (c = {
-          ...g,
-          ...c
+        h = JSON.parse(u), d && (h = {
+          ...d,
+          ...h
         });
       } catch (k) {
-        return this.logger.warn(`failed parsing options string in nesting for key ${d}`, k), `${d}${l}${u}`;
+        return this.logger.warn(`failed parsing options string in nesting for key ${g}`, k), `${g}${l}${u}`;
       }
-      return c.defaultValue && c.defaultValue.indexOf(this.prefix) > -1 && delete c.defaultValue, d;
+      return h.defaultValue && h.defaultValue.indexOf(this.prefix) > -1 && delete h.defaultValue, g;
     };
     for (; n = this.nestingRegexp.exec(e); ) {
-      let d = [];
-      c = {
+      let g = [];
+      h = {
         ...s
-      }, c = c.replace && !R(c.replace) ? c.replace : c, c.applyPostProcessor = !1, delete c.defaultValue;
-      let g = !1;
+      }, 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());
-        n[1] = l.shift(), d = l, g = !0;
+        const l = n[1].split(this.formatSeparator).map((c) => c.trim());
+        n[1] = l.shift(), g = l, d = !0;
       }
-      if (a = t(o.call(this, n[1].trim(), c), c), a && n[0] === e && !R(a)) return a;
-      R(a) || (a = J1(a)), a || (this.logger.warn(`missed to resolve ${n[1]} for nesting ${e}`), a = ""), g && (a = d.reduce((l, h) => this.format(l, h, s.lng, {
+      if (a = t(o.call(this, n[1].trim(), h), h), a && n[0] === e && !M(a)) return a;
+      M(a) || (a = J1(a)), a || (this.logger.warn(`missed to resolve ${n[1]} for nesting ${e}`), a = ""), d && (a = g.reduce((l, c) => this.format(l, c, s.lng, {
         ...s,
         interpolationkey: n[1].trim()
       }), a.trim())), e = e.replace(n[0], a), this.regexp.lastIndex = 0;
@@ -7330,10 +7336,10 @@ const bi = (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 [o, ...d] = c.split(":"), g = d.join(":").trim().replace(/^'+|'+$/g, ""), l = o.trim();
-        t[l] || (t[l] = g), g === "false" && (t[l] = !1), g === "true" && (t[l] = !0), isNaN(g) || (t[l] = parseInt(g, 10));
+    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 [o, ...g] = h.split(":"), d = g.join(":").trim().replace(/^'+|'+$/g, ""), l = o.trim();
+        t[l] || (t[l] = d), d === "false" && (t[l] = !1), d === "true" && (t[l] = !0), isNaN(d) || (t[l] = parseInt(d, 10));
       }
     });
   }
@@ -7341,7 +7347,7 @@ const bi = (i) => {
     formatName: e,
     formatOptions: t
   };
-}, c1 = (i) => {
+}, h1 = (i) => {
   const e = {};
   return (t, s, n) => {
     let a = n;
@@ -7349,41 +7355,41 @@ const bi = (i) => {
       ...a,
       [n.interpolationkey]: void 0
     });
-    const c = s + JSON.stringify(a);
-    let o = e[c];
-    return o || (o = i(b1(s), n), e[c] = o), o(t);
+    const h = s + JSON.stringify(a);
+    let o = e[h];
+    return o || (o = i(b1(s), n), e[h] = o), o(t);
   };
 };
 class yi {
   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 (a) => n.format(a);
       }),
-      currency: c1((t, s) => {
+      currency: h1((t, s) => {
         const n = new Intl.NumberFormat(t, {
           ...s,
           style: "currency"
         });
         return (a) => n.format(a);
       }),
-      datetime: c1((t, s) => {
+      datetime: h1((t, s) => {
         const n = new Intl.DateTimeFormat(t, {
           ...s
         });
         return (a) => n.format(a);
       }),
-      relativetime: c1((t, s) => {
+      relativetime: h1((t, s) => {
         const n = new Intl.RelativeTimeFormat(t, {
           ...s
         });
         return (a) => n.format(a, s.range || "day");
       }),
-      list: c1((t, s) => {
+      list: h1((t, s) => {
         const n = new Intl.ListFormat(t, {
           ...s
         });
@@ -7401,25 +7407,25 @@ class yi {
     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] : {};
     const a = t.split(this.formatSeparator);
     if (a.length > 1 && a[0].indexOf("(") > 1 && a[0].indexOf(")") < 0 && a.find((o) => o.indexOf(")") > -1)) {
-      const o = a.findIndex((d) => d.indexOf(")") > -1);
+      const o = a.findIndex((g) => g.indexOf(")") > -1);
       a[0] = [a[0], ...a.splice(1, o)].join(this.formatSeparator);
     }
-    return a.reduce((o, d) => {
+    return a.reduce((o, g) => {
       const {
-        formatName: g,
+        formatName: d,
         formatOptions: l
-      } = bi(d);
-      if (this.formats[g]) {
-        let h = o;
+      } = bi(g);
+      if (this.formats[d]) {
+        let c = o;
         try {
           const u = n && n.formatParams && n.formatParams[n.interpolationkey] || {}, p = u.locale || u.lng || n.locale || n.lng || s;
-          h = this.formats[g](o, p, {
+          c = this.formats[d](o, p, {
             ...l,
             ...n,
             ...u
@@ -7427,9 +7433,9 @@ class yi {
         } catch (u) {
           this.logger.warn(u);
         }
-        return h;
+        return c;
       } else
-        this.logger.warn(`there was no format function for ${g}`);
+        this.logger.warn(`there was no format function for ${d}`);
       return o;
     }, e);
   }
@@ -7443,45 +7449,45 @@ class _i extends H1 {
     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 a = {}, c = {}, o = {}, d = {};
-    return e.forEach((g) => {
+    const a = {}, h = {}, o = {}, g = {};
+    return e.forEach((d) => {
       let l = !0;
-      t.forEach((h) => {
-        const u = `${g}|${h}`;
-        !s.reload && this.store.hasResourceBundle(g, h) ? this.state[u] = 2 : this.state[u] < 0 || (this.state[u] === 1 ? c[u] === void 0 && (c[u] = !0) : (this.state[u] = 1, l = !1, c[u] === void 0 && (c[u] = !0), a[u] === void 0 && (a[u] = !0), d[h] === void 0 && (d[h] = !0)));
-      }), l || (o[g] = !0);
-    }), (Object.keys(a).length || Object.keys(c).length) && this.queue.push({
-      pending: c,
-      pendingCount: Object.keys(c).length,
+      t.forEach((c) => {
+        const u = `${d}|${c}`;
+        !s.reload && this.store.hasResourceBundle(d, c) ? this.state[u] = 2 : this.state[u] < 0 || (this.state[u] === 1 ? h[u] === void 0 && (h[u] = !0) : (this.state[u] = 1, l = !1, h[u] === void 0 && (h[u] = !0), a[u] === void 0 && (a[u] = !0), g[c] === void 0 && (g[c] = !0)));
+      }), l || (o[d] = !0);
+    }), (Object.keys(a).length || Object.keys(h).length) && this.queue.push({
+      pending: h,
+      pendingCount: Object.keys(h).length,
       loaded: {},
       errors: [],
       callback: n
     }), {
       toLoad: Object.keys(a),
-      pending: Object.keys(c),
+      pending: Object.keys(h),
       toLoadLanguages: Object.keys(o),
-      toLoadNamespaces: Object.keys(d)
+      toLoadNamespaces: Object.keys(g)
     };
   }
   loaded(e, t, s) {
-    const n = e.split("|"), a = n[0], c = n[1];
-    t && this.emit("failedLoading", a, c, t), !t && s && this.store.addResourceBundle(a, c, s, void 0, void 0, {
+    const n = e.split("|"), a = n[0], h = n[1];
+    t && this.emit("failedLoading", a, h, t), !t && s && this.store.addResourceBundle(a, h, s, void 0, void 0, {
       skipCopy: !0
     }), this.state[e] = t ? -1 : 2, t && s && (this.state[e] = 0);
     const o = {};
-    this.queue.forEach((d) => {
-      ci(d.loaded, [a], c), Ei(d, e), t && d.errors.push(t), d.pendingCount === 0 && !d.done && (Object.keys(d.loaded).forEach((g) => {
-        o[g] || (o[g] = {});
-        const l = d.loaded[g];
-        l.length && l.forEach((h) => {
-          o[g][h] === void 0 && (o[g][h] = !0);
+    this.queue.forEach((g) => {
+      hi(g.loaded, [a], h), Ei(g, e), t && g.errors.push(t), g.pendingCount === 0 && !g.done && (Object.keys(g.loaded).forEach((d) => {
+        o[d] || (o[d] = {});
+        const l = g.loaded[d];
+        l.length && l.forEach((c) => {
+          o[d][c] === void 0 && (o[d][c] = !0);
         });
-      }), d.done = !0, d.errors.length ? d.callback(d.errors) : d.callback());
-    }), this.emit("loaded", o), this.queue = this.queue.filter((d) => !d.done);
+      }), g.done = !0, g.errors.length ? g.callback(g.errors) : g.callback());
+    }), this.emit("loaded", o), this.queue = this.queue.filter((g) => !g.done);
   }
   read(e, t, s) {
-    let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0, a = 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, a = 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,
@@ -7489,45 +7495,45 @@ class _i extends H1 {
         fcName: s,
         tried: n,
         wait: a,
-        callback: c
+        callback: h
       });
       return;
     }
     this.readingCalls++;
-    const o = (g, l) => {
+    const o = (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 (g && l && n < this.maxRetries) {
+      if (d && l && n < this.maxRetries) {
         setTimeout(() => {
-          this.read.call(this, e, t, s, n + 1, a * 2, c);
+          this.read.call(this, e, t, s, n + 1, a * 2, h);
         }, a);
         return;
       }
-      c(g, l);
-    }, d = this.backend[s].bind(this.backend);
-    if (d.length === 2) {
+      h(d, l);
+    }, g = this.backend[s].bind(this.backend);
+    if (g.length === 2) {
       try {
-        const g = d(e, t);
-        g && typeof g.then == "function" ? g.then((l) => o(null, l)).catch(o) : o(null, g);
-      } catch (g) {
-        o(g);
+        const d = g(e, t);
+        d && typeof d.then == "function" ? d.then((l) => o(null, l)).catch(o) : o(null, d);
+      } catch (d) {
+        o(d);
       }
       return;
     }
-    return d(e, t, o);
+    return g(e, t, o);
   }
   prepareLoading(e, t) {
     let s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = arguments.length > 3 ? arguments[3] : void 0;
     if (!this.backend)
       return this.logger.warn("No backend was added via i18next.use. Will not load resources."), n && n();
-    R(e) && (e = this.languageUtils.toResolveHierarchy(e)), R(t) && (t = [t]);
+    M(e) && (e = this.languageUtils.toResolveHierarchy(e)), M(t) && (t = [t]);
     const a = this.queueLoad(e, t, s, n);
     if (!a.toLoad.length)
       return a.pending.length || n(), null;
-    a.toLoad.forEach((c) => {
-      this.loadOne(c);
+    a.toLoad.forEach((h) => {
+      this.loadOne(h);
     });
   }
   load(e, t, s) {
@@ -7541,12 +7547,12 @@ class _i extends H1 {
   loadOne(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
     const s = e.split("|"), n = s[0], a = s[1];
-    this.read(n, a, "read", void 0, void 0, (c, o) => {
-      c && this.logger.warn(`${t}loading namespace ${a} for language ${n} failed`, c), !c && o && this.logger.log(`${t}loaded namespace ${a} for language ${n}`, o), this.loaded(e, c, o);
+    this.read(n, a, "read", void 0, void 0, (h, o) => {
+      h && this.logger.warn(`${t}loading namespace ${a} for language ${n} failed`, h), !h && o && this.logger.log(`${t}loaded namespace ${a} for language ${n}`, o), this.loaded(e, h, o);
     });
   }
   saveMissing(e, t, s, n, a) {
-    let c = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : {}, o = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : () => {
+    let h = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : {}, o = 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!!!");
@@ -7554,19 +7560,19 @@ class _i extends H1 {
     }
     if (!(s == null || s === "")) {
       if (this.backend && this.backend.create) {
-        const d = {
-          ...c,
+        const g = {
+          ...h,
           isUpdate: a
-        }, g = this.backend.create.bind(this.backend);
-        if (g.length < 6)
+        }, d = this.backend.create.bind(this.backend);
+        if (d.length < 6)
           try {
             let l;
-            g.length === 5 ? l = g(e, t, s, n, d) : l = g(e, t, s, n), l && typeof l.then == "function" ? l.then((h) => o(null, h)).catch(o) : o(null, l);
+            d.length === 5 ? l = d(e, t, s, n, g) : l = d(e, t, s, n), l && typeof l.then == "function" ? l.then((c) => o(null, c)).catch(o) : o(null, l);
           } catch (l) {
             o(l);
           }
         else
-          g(e, t, s, n, o, d);
+          d(e, t, s, n, o, g);
       }
       !e || !e[0] || this.store.addResource(e[0], t, s, n);
     }
@@ -7607,7 +7613,7 @@ const re = () => ({
   appendNamespaceToCIMode: !1,
   overloadTranslationOptionHandler: (i) => {
     let e = {};
-    if (typeof i[1] == "object" && (e = i[1]), R(i[1]) && (e.defaultValue = i[1]), R(i[2]) && (e.tDescription = i[2]), typeof i[2] == "object" || typeof i[3] == "object") {
+    if (typeof i[1] == "object" && (e = i[1]), M(i[1]) && (e.defaultValue = i[1]), M(i[2]) && (e.tDescription = i[2]), typeof i[2] == "object" || typeof i[3] == "object") {
       const t = i[3] || i[2];
       Object.keys(t).forEach((s) => {
         e[s] = t[s];
@@ -7628,7 +7634,7 @@ const re = () => ({
     maxReplaces: 1e3,
     skipOnVariables: !0
   }
-}), oe = (i) => (R(i.ns) && (i.ns = [i.ns]), R(i.fallbackLng) && (i.fallbackLng = [i.fallbackLng]), R(i.fallbackNS) && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), x1 = () => {
+}), oe = (i) => (M(i.ns) && (i.ns = [i.ns]), M(i.fallbackLng) && (i.fallbackLng = [i.fallbackLng]), M(i.fallbackNS) && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), x1 = () => {
 }, Hi = (i) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(i)).forEach((t) => {
     typeof i[t] == "function" && (i[t] = i[t].bind(i));
@@ -7650,7 +7656,7 @@ class w1 extends H1 {
   init() {
     var e = this;
     let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, s = arguments.length > 1 ? arguments[1] : void 0;
-    this.isInitializing = !0, typeof t == "function" && (s = t, t = {}), !t.defaultNS && t.defaultNS !== !1 && t.ns && (R(t.ns) ? t.defaultNS = t.ns : t.ns.indexOf("translation") < 0 && (t.defaultNS = t.ns[0]));
+    this.isInitializing = !0, typeof t == "function" && (s = t, t = {}), !t.defaultNS && t.defaultNS !== !1 && t.ns && (M(t.ns) ? t.defaultNS = t.ns : t.ns.indexOf("translation") < 0 && (t.defaultNS = t.ns[0]));
     const n = re();
     this.options = {
       ...n,
@@ -7665,10 +7671,10 @@ class w1 extends H1 {
       this.modules.logger ? X.init(a(this.modules.logger), this.options) : X.init(null, this.options);
       let l;
       this.modules.formatter ? l = this.modules.formatter : typeof Intl < "u" && (l = yi);
-      const h = new ie(this.options);
+      const c = new ie(this.options);
       this.store = new ee(this.options.resources, this.options);
       const u = this.services;
-      u.logger = X, u.resourceStore = this.store, u.languageUtils = h, u.pluralResolver = new Ri(h, {
+      u.logger = X, u.resourceStore = this.store, u.languageUtils = c, u.pluralResolver = new Ri(c, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
@@ -7699,27 +7705,27 @@ class w1 extends H1 {
         return e.store[l](...arguments), e;
       };
     });
-    const d = C1(), g = () => {
-      const l = (h, u) => {
-        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), d.resolve(u), s(h, u);
+    const g = C1(), d = () => {
+      const l = (c, u) => {
+        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), g.resolve(u), s(c, u);
       };
       if (this.languages && this.options.compatibilityAPI !== "v1" && !this.isInitialized) return l(null, this.t.bind(this));
       this.changeLanguage(this.options.lng, l);
     };
-    return this.options.resources || !this.options.initImmediate ? g() : setTimeout(g, 0), d;
+    return this.options.resources || !this.options.initImmediate ? d() : setTimeout(d, 0), g;
   }
   loadResources(e) {
     let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : x1;
-    const n = R(e) ? e : this.language;
+    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 a = [], c = (o) => {
+      const a = [], h = (o) => {
         if (!o || o === "cimode") return;
-        this.services.languageUtils.toResolveHierarchy(o).forEach((g) => {
-          g !== "cimode" && a.indexOf(g) < 0 && a.push(g);
+        this.services.languageUtils.toResolveHierarchy(o).forEach((d) => {
+          d !== "cimode" && a.indexOf(d) < 0 && a.push(d);
         });
       };
-      n ? c(n) : this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((d) => c(d)), this.options.preload && this.options.preload.forEach((o) => c(o)), this.services.backendConnector.load(a, this.options.ns, (o) => {
+      n ? h(n) : this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((g) => h(g)), this.options.preload && this.options.preload.forEach((o) => h(o)), this.services.backendConnector.load(a, this.options.ns, (o) => {
         !o && !this.resolvedLanguage && this.language && this.setResolvedLanguage(this.language), s(o);
       });
     } else
@@ -7751,41 +7757,41 @@ class w1 extends H1 {
     this.isLanguageChangingTo = e;
     const n = C1();
     this.emit("languageChanging", e);
-    const a = (d) => {
-      this.language = d, this.languages = this.services.languageUtils.toResolveHierarchy(d), this.resolvedLanguage = void 0, this.setResolvedLanguage(d);
-    }, c = (d, g) => {
-      g ? (a(g), this.translator.changeLanguage(g), this.isLanguageChangingTo = void 0, this.emit("languageChanged", g), this.logger.log("languageChanged", g)) : this.isLanguageChangingTo = void 0, n.resolve(function() {
+    const a = (g) => {
+      this.language = g, this.languages = this.services.languageUtils.toResolveHierarchy(g), this.resolvedLanguage = void 0, this.setResolvedLanguage(g);
+    }, h = (g, d) => {
+      d ? (a(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(d, function() {
+      }), t && t(g, function() {
         return s.t(...arguments);
       });
-    }, o = (d) => {
-      !e && !d && this.services.languageDetector && (d = []);
-      const g = R(d) ? d : this.services.languageUtils.getBestMatchFromCodes(d);
-      g && (this.language || a(g), this.translator.language || this.translator.changeLanguage(g), this.services.languageDetector && this.services.languageDetector.cacheUserLanguage && this.services.languageDetector.cacheUserLanguage(g)), this.loadResources(g, (l) => {
-        c(l, g);
+    }, o = (g) => {
+      !e && !g && this.services.languageDetector && (g = []);
+      const d = M(g) ? g : this.services.languageUtils.getBestMatchFromCodes(g);
+      d && (this.language || a(d), this.translator.language || this.translator.changeLanguage(d), this.services.languageDetector && this.services.languageDetector.cacheUserLanguage && this.services.languageDetector.cacheUserLanguage(d)), this.loadResources(d, (l) => {
+        h(l, d);
       });
     };
     return !e && this.services.languageDetector && !this.services.languageDetector.async ? o(this.services.languageDetector.detect()) : !e && this.services.languageDetector && this.services.languageDetector.async ? this.services.languageDetector.detect.length === 0 ? this.services.languageDetector.detect().then(o) : this.services.languageDetector.detect(o) : o(e), n;
   }
   getFixedT(e, t, s) {
     var n = this;
-    const a = function(c, o) {
-      let d;
+    const a = function(h, o) {
+      let g;
       if (typeof o != "object") {
-        for (var g = arguments.length, l = new Array(g > 2 ? g - 2 : 0), h = 2; h < g; h++)
-          l[h - 2] = arguments[h];
-        d = n.options.overloadTranslationOptionHandler([c, o].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];
+        g = n.options.overloadTranslationOptionHandler([h, o].concat(l));
       } else
-        d = {
+        g = {
           ...o
         };
-      d.lng = d.lng || a.lng, d.lngs = d.lngs || a.lngs, d.ns = d.ns || a.ns, d.keyPrefix !== "" && (d.keyPrefix = d.keyPrefix || s || a.keyPrefix);
+      g.lng = g.lng || a.lng, g.lngs = g.lngs || a.lngs, g.ns = g.ns || a.ns, g.keyPrefix !== "" && (g.keyPrefix = g.keyPrefix || s || a.keyPrefix);
       const u = n.options.keySeparator || ".";
       let p;
-      return d.keyPrefix && Array.isArray(c) ? p = c.map((w) => `${d.keyPrefix}${u}${w}`) : p = d.keyPrefix ? `${d.keyPrefix}${u}${c}` : c, n.t(p, d);
+      return g.keyPrefix && Array.isArray(h) ? p = h.map((w) => `${g.keyPrefix}${u}${w}`) : p = g.keyPrefix ? `${g.keyPrefix}${u}${h}` : h, n.t(p, g);
     };
-    return R(e) ? a.lng = e : a.lngs = e, a.ns = t, a.keyPrefix = s, a;
+    return M(e) ? a.lng = e : a.lngs = e, a.ns = t, a.keyPrefix = s, a;
   }
   t() {
     return this.translator && this.translator.translate(...arguments);
@@ -7804,19 +7810,19 @@ class w1 extends H1 {
       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, a = this.languages[this.languages.length - 1];
     if (s.toLowerCase() === "cimode") return !0;
-    const c = (o, d) => {
-      const g = this.services.backendConnector.state[`${o}|${d}`];
-      return g === -1 || g === 0 || g === 2;
+    const h = (o, g) => {
+      const d = this.services.backendConnector.state[`${o}|${g}`];
+      return d === -1 || d === 0 || d === 2;
     };
     if (t.precheck) {
-      const o = t.precheck(this, c);
+      const o = t.precheck(this, h);
       if (o !== void 0) return o;
     }
-    return !!(this.hasResourceBundle(s, e) || !this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages || c(s, e) && (!n || c(a, e)));
+    return !!(this.hasResourceBundle(s, e) || !this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages || h(s, e) && (!n || h(a, e)));
   }
   loadNamespaces(e, t) {
     const s = C1();
-    return this.options.ns ? (R(e) && (e = [e]), e.forEach((n) => {
+    return this.options.ns ? (M(e) && (e = [e]), e.forEach((n) => {
       this.options.ns.indexOf(n) < 0 && this.options.ns.push(n);
     }), this.loadResources((n) => {
       s.resolve(), t && t(n);
@@ -7824,10 +7830,10 @@ class w1 extends H1 {
   }
   loadLanguages(e, t) {
     const s = C1();
-    R(e) && (e = [e]);
-    const n = this.options.preload || [], a = e.filter((c) => n.indexOf(c) < 0 && this.services.languageUtils.isSupportedCode(c));
-    return a.length ? (this.options.preload = n.concat(a), this.loadResources((c) => {
-      s.resolve(), t && t(c);
+    M(e) && (e = [e]);
+    const n = this.options.preload || [], a = e.filter((h) => n.indexOf(h) < 0 && this.services.languageUtils.isSupportedCode(h));
+    return a.length ? (this.options.preload = n.concat(a), this.loadResources((h) => {
+      s.resolve(), t && t(h);
     }), s) : (t && t(), Promise.resolve());
   }
   dir(e) {
@@ -7855,9 +7861,9 @@ class w1 extends H1 {
     }, a.services.utils = {
       hasLoadedNamespace: a.hasLoadedNamespace.bind(a)
     }, s && (a.store = new ee(this.store.data, n), a.services.resourceStore = a.store), a.translator = new E1(a.services, n), a.translator.on("*", function(o) {
-      for (var d = arguments.length, g = new Array(d > 1 ? d - 1 : 0), l = 1; l < d; l++)
-        g[l - 1] = arguments[l];
-      a.emit(o, ...g);
+      for (var g = arguments.length, d = new Array(g > 1 ? g - 1 : 0), l = 1; l < g; l++)
+        d[l - 1] = arguments[l];
+      a.emit(o, ...d);
     }), a.init(n, t), a.translator.options = n, a.translator.backendConnector.services.utils = {
       hasLoadedNamespace: a.hasLoadedNamespace.bind(a)
     }, a;
@@ -7915,20 +7921,20 @@ const Ki = k1(
     disabled: s,
     value: n,
     onChange: a,
-    onError: c,
+    onError: h,
     allowEmpty: o = !1,
-    showAvatar: d = !1,
-    clearable: g,
+    showAvatar: g = !1,
+    clearable: d,
     required: l,
-    error: h
+    error: c
   }, u) => {
-    const { axiosPeople: p, locale: w } = r1(_e), { t: k } = ai("common", { lng: w }), [m, _] = T([]), [M, S] = T(!0), f = q(m), N = q(null);
-    if (_1(u, () => N.current), !p)
+    const { axiosPeople: p, locale: w } = r1(_e), { t: k } = ai("common", { lng: w }), [m, _] = T([]), [N, S] = T(!0), f = q(m), x = q(null);
+    if (_1(u, () => x.current), !p)
       throw new Error(
         `UserSelect requires "axiosPeople" to fetch users. 
                 Please provide it via SNMTUiContext.`
       );
-    const x = $(
+    const R = $(
       (H) => {
         let D = "";
         return H.deletedAt && (D += `[${k("deleted")}] `), H.status === R1.ARCHIVED && (D += `[${k("archived")}] `), `${D}${H.firstName} ${H.lastName}`;
@@ -7952,13 +7958,13 @@ const Ki = k1(
           return {
             options: O.map((G) => ({
               value: G.id,
-              label: x(G),
-              image: d ? G.avatarUrl : void 0
+              label: R(G),
+              image: g ? G.avatarUrl : void 0
             })),
             count: K.count
           };
         } catch (U) {
-          return c && c({
+          return h && h({
             status: ((V = U.response) == null ? void 0 : V.status) ?? 500,
             message: ((W = (Z = U.response) == null ? void 0 : Z.data) == null ? void 0 : W.message) ?? "Error while fetching options"
           }), {
@@ -7967,7 +7973,7 @@ const Ki = k1(
           };
         }
       },
-      [p, i, x, d, c]
+      [p, i, R, g, h]
     ), P = $(
       async (H) => {
         var D, I, V;
@@ -7984,24 +7990,24 @@ const Ki = k1(
           })).data.data);
           const U = W.map((O) => ({
             value: O.id,
-            label: x(O),
-            image: d ? O.avatarUrl : void 0
+            label: R(O),
+            image: g ? O.avatarUrl : void 0
           }));
           return [...f.current, ...U];
         } catch (Z) {
-          return c && c({
+          return h && h({
             status: ((D = Z.response) == null ? void 0 : D.status) ?? 500,
             message: ((V = (I = Z.response) == null ? void 0 : I.data) == null ? void 0 : V.message) ?? "Error while fetching selected items"
           }), [];
         }
       },
-      [p, x, c, d]
+      [p, R, h, g]
     );
     j(() => {
       f.current = m;
     }, [m]), j(() => {
       var H;
-      (H = N.current) == null || H.refetchOptions();
+      (H = x.current) == null || H.refetchOptions();
     }, [i]), j(() => {
       if (!n) {
         S(!1);
@@ -8032,15 +8038,15 @@ const Ki = k1(
       },
       [o, v]
     );
-    if (M)
+    if (N)
       return /* @__PURE__ */ r(K5, {});
     const F = {
-      ref: N,
+      ref: x,
       placeholder: t,
       disabled: s,
-      clearable: g,
+      clearable: d,
       required: l,
-      error: h
+      error: c
     };
     return e ? /* @__PURE__ */ r(
       F1,