npm - @snmt-react-ui/user-select - Versions diffs - 2.13.0 → 2.13.2 - Mend

@snmt-react-ui/user-select 2.13.0 → 2.13.2

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

Files changed (3) hide show

package/dist/user-select.js CHANGED Viewed

@@ -41,9 +41,9 @@ const L2 = (l, e) => () => {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const i = e.languages[0], s = e.options ? e.options.fallbackLng : !1, C = e.languages[e.languages.length - 1];
   if (i.toLowerCase() === "cimode") return !0;
-  const h = (d, a) => {
-    const o = e.services.backendConnector.state[`${d}|${a}`];
-    return o === -1 || o === 2;
+  const h = (d, o) => {
+    const a = e.services.backendConnector.state[`${d}|${o}`];
+    return a === -1 || a === 2;
   };
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !h(e.isLanguageChangingTo, l) ? !1 : !!(e.hasResourceBundle(i, l) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || h(i, l) && (!s || h(C, l)));
 }, $2 = function(l, e) {
@@ -124,12 +124,12 @@ const e5 = (l, e) => {
     ...e
   }, {
     useSuspense: d,
-    keyPrefix: a
+    keyPrefix: o
   } = h;
-  let o = l;
-  o = r1(o) ? [o] : o || ["translation"], C.reportNamespaces.addUsedNamespaces && C.reportNamespaces.addUsedNamespaces(o);
-  const r = (C.isInitialized || C.initializedStoreOnce) && o.every((u) => $2(u, C, h)), p = t5(C, e.lng || null, h.nsMode === "fallback" ? o : o[0], a), w = () => p, f = () => m2(C, e.lng || null, h.nsMode === "fallback" ? o : o[0], a), [k, M] = S(w);
-  let v = o.join();
+  let a = l;
+  a = r1(a) ? [a] : a || ["translation"], C.reportNamespaces.addUsedNamespaces && C.reportNamespaces.addUsedNamespaces(a);
+  const r = (C.isInitialized || C.initializedStoreOnce) && a.every((u) => $2(u, C, h)), f = t5(C, e.lng || null, h.nsMode === "fallback" ? a : a[0], o), w = () => f, p = () => m2(C, e.lng || null, h.nsMode === "fallback" ? a : a[0], o), [k, M] = S(w);
+  let v = a.join();
   e.lng && (v = `${e.lng}${v}`);
   const A = e5(v), V = J(!0);
   F(() => {
@@ -137,24 +137,24 @@ const e5 = (l, e) => {
       bindI18n: u,
       bindI18nStore: L
     } = h;
-    V.current = !0, !r && !d && (e.lng ? q1(C, e.lng, o, () => {
-      V.current && M(f);
-    }) : J1(C, o, () => {
-      V.current && M(f);
-    })), r && A && A !== v && V.current && M(f);
+    V.current = !0, !r && !d && (e.lng ? q1(C, e.lng, a, () => {
+      V.current && M(p);
+    }) : J1(C, a, () => {
+      V.current && M(p);
+    })), r && A && A !== v && V.current && M(p);
     const x = () => {
-      V.current && M(f);
+      V.current && M(p);
     };
     return u && C && C.on(u, x), L && C && C.store.on(L, x), () => {
       V.current = !1, u && C && u.split(" ").forEach((m) => C.off(m, x)), L && C && L.split(" ").forEach((m) => C.store.off(m, x));
     };
   }, [C, v]), F(() => {
     V.current && r && M(w);
-  }, [C, a, r]);
+  }, [C, o, r]);
   const D = [k, C, r];
   if (D.t = k, D.i18n = C, D.ready = r, r || !r && !d) return D;
   throw new Promise((u) => {
-    e.lng ? q1(C, e.lng, o, () => u()) : J1(C, o, () => u());
+    e.lng ? q1(C, e.lng, a, () => u()) : J1(C, a, () => u());
   });
 }, m1 = ({
   children: l,
@@ -195,8 +195,8 @@ const e5 = (l, e) => {
       overflow: "hidden",
       textOverflow: "clip"
     });
-    const a = h.scrollWidth > h.offsetWidth + 1;
-    Object.assign(h.style, d), i(a);
+    const o = h.scrollWidth > h.offsetWidth + 1;
+    Object.assign(h.style, d), i(o);
   }, [s]);
   return N1(() => {
     const h = s();
@@ -220,29 +220,31 @@ const e5 = (l, e) => {
     color: t,
     children: i,
     onClick: s,
-    collapsed: C,
-    whiteSpace: h = "normal",
+    whiteSpace: C,
     /** This prop allows you to enable tooltip if text size is too big */
-    trim: d = !1
-  }, a) => {
+    trim: h = !1
+  }, d) => {
     const o = J(null);
-    h1(a, () => o.current);
-    const r = l5(o, { enabled: d }), p = e === "h1" || e === "h2" || e === "h3" || e === "h4";
-    let w = `snmt-typography snmt-typography-${e}`;
-    l && l !== "inherit" && (w += ` snmt-typography-align-${l}`), C && (w += " collapsed");
-    const f = {
-      className: w,
-      style: { color: t, whiteSpace: d ? "nowrap" : h, display: d ? "block" : "" },
+    h1(d, () => o.current);
+    const a = l5(o, { enabled: h }), r = e === "h1" || e === "h2" || e === "h3" || e === "h4";
+    let f = `snmt-typography snmt-typography-${e}`;
+    l && l !== "inherit" && (f += ` snmt-typography-align-${l}`);
+    const w = {
+      className: f,
+      style: {
+        color: t,
+        whiteSpace: C
+      },
       onClick: s,
       ref: o,
-      ellipsis: d && r ? {
+      ellipsis: h && a ? {
         tooltip: {
           title: i,
           overlayClassName: "snmt-tooltip"
         }
       } : void 0
     };
-    return p ? /* @__PURE__ */ n(s5, { level: o5[e], ...f, children: i }) : /* @__PURE__ */ n(n5, { ...f, children: i });
+    return r ? /* @__PURE__ */ n(s5, { level: o5[e], ...w, children: i }) : /* @__PURE__ */ n(n5, { ...w, children: i });
   }
 ), a5 = ({ label: l, variant: e = "small", src: t, fallbackText: i }) => {
   const s = t != null && t.trim() ? t : void 0, C = {
@@ -304,8 +306,8 @@ const e5 = (l, e) => {
       overflow: "hidden",
       textOverflow: "clip"
     });
-    const a = h.scrollWidth > h.offsetWidth + 1;
-    Object.assign(h.style, d), i(a);
+    const o = h.scrollWidth > h.offsetWidth + 1;
+    Object.assign(h.style, d), i(o);
   }, [s]);
   return N1(() => {
     const h = s();
@@ -329,29 +331,31 @@ const e5 = (l, e) => {
     color: t,
     children: i,
     onClick: s,
-    collapsed: C,
-    whiteSpace: h = "normal",
+    whiteSpace: C,
     /** This prop allows you to enable tooltip if text size is too big */
-    trim: d = !1
-  }, a) => {
+    trim: h = !1
+  }, d) => {
     const o = J(null);
-    h1(a, () => o.current);
-    const r = r5(o, { enabled: d }), p = e === "h1" || e === "h2" || e === "h3" || e === "h4";
-    let w = `snmt-typography snmt-typography-${e}`;
-    l && l !== "inherit" && (w += ` snmt-typography-align-${l}`), C && (w += " collapsed");
-    const f = {
-      className: w,
-      style: { color: t, whiteSpace: d ? "nowrap" : h, display: d ? "block" : "" },
+    h1(d, () => o.current);
+    const a = r5(o, { enabled: h }), r = e === "h1" || e === "h2" || e === "h3" || e === "h4";
+    let f = `snmt-typography snmt-typography-${e}`;
+    l && l !== "inherit" && (f += ` snmt-typography-align-${l}`);
+    const w = {
+      className: f,
+      style: {
+        color: t,
+        whiteSpace: C
+      },
       onClick: s,
       ref: o,
-      ellipsis: d && r ? {
+      ellipsis: h && a ? {
         tooltip: {
           title: i,
           overlayClassName: "snmt-tooltip"
         }
       } : void 0
     };
-    return p ? /* @__PURE__ */ n(C5, { level: c5[e], ...f, children: i }) : /* @__PURE__ */ n(h5, { ...f, children: i });
+    return r ? /* @__PURE__ */ n(C5, { level: c5[e], ...w, children: i }) : /* @__PURE__ */ n(h5, { ...w, children: i });
   }
 ), g5 = ({
   checked: l = !0,
@@ -361,9 +365,9 @@ const e5 = (l, e) => {
   disabled: s = !1,
   disableUncheck: C = !1
 }) => {
-  const [h, d] = S(l), [a, o] = S(e);
+  const [h, d] = S(l), [o, a] = S(e);
   F(() => {
-    d(l), o(e);
+    d(l), a(e);
   }, [l, e]);
   const { theme: r } = s1(c1);
   return /* @__PURE__ */ n(
@@ -371,9 +375,9 @@ const e5 = (l, e) => {
     {
       className: `snmt-checkbox snmt-checkbox-${r}`,
       checked: h,
-      indeterminate: a,
-      onChange: (p) => {
-        C && h || (o(!1), d(p.target.checked), i && i(p));
+      indeterminate: o,
+      onChange: (f) => {
+        C && h || (a(!1), d(f.target.checked), i && i(f));
       },
       disabled: s,
       children: t && /* @__PURE__ */ n(
@@ -2650,159 +2654,159 @@ const e5 = (l, e) => {
   disabled: C = !1,
   onClick: h
 }) => {
-  const { theme: d } = s1(c1), a = C ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, o = C ? void 0 : h, r = h && !C ? `${s || ""} clickable` : s;
+  const { theme: d } = s1(c1), o = C ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, a = C ? void 0 : h, r = h && !C ? `${s || ""} clickable` : s;
   return /* @__PURE__ */ n(i1, { children: (() => {
     switch (l) {
       case "arrow1Down":
-        return w5({ width: e, height: t, color: a, className: r, onClick: o });
+        return w5({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Up":
-        return f5({ width: e, height: t, color: a, className: r, onClick: o });
+        return f5({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Right":
-        return p5({ width: e, height: t, color: a, className: r, onClick: o });
+        return p5({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Left":
-        return u5({ width: e, height: t, color: a, className: r, onClick: o });
+        return u5({ width: e, height: t, color: o, className: r, onClick: a });
       case "info":
-        return L5({ width: e, height: t, color: a, className: r, onClick: o });
+        return L5({ width: e, height: t, color: o, className: r, onClick: a });
       case "archive":
-        return M5({ width: e, height: t, color: a, className: r, onClick: o });
+        return M5({ width: e, height: t, color: o, className: r, onClick: a });
       case "unarchive":
-        return x5({ width: e, height: t, color: a, className: r, onClick: o });
+        return x5({ width: e, height: t, color: o, className: r, onClick: a });
       case "calendar":
-        return Z5({ width: e, height: t, color: a, className: r, onClick: o });
+        return Z5({ width: e, height: t, color: o, className: r, onClick: a });
       case "check":
-        return V5({ width: e, height: t, color: a, className: r, onClick: o });
+        return V5({ width: e, height: t, color: o, className: r, onClick: a });
       case "cancel":
-        return R5({ width: e, height: t, color: a, className: r, onClick: o });
+        return R5({ width: e, height: t, color: o, className: r, onClick: a });
       case "add":
-        return H5({ width: e, height: t, color: a, className: r, onClick: o });
+        return H5({ width: e, height: t, color: o, className: r, onClick: a });
       case "list":
-        return _5({ width: e, height: t, color: a, className: r, onClick: o });
+        return _5({ width: e, height: t, color: o, className: r, onClick: a });
       case "dragAndDrop":
-        return b5({ width: e, height: t, color: a, className: r, onClick: o });
+        return b5({ width: e, height: t, color: o, className: r, onClick: a });
       case "filter1":
-        return y5({ width: e, height: t, color: a, className: r, onClick: o });
+        return y5({ width: e, height: t, color: o, className: r, onClick: a });
       case "filter2":
-        return s7({ width: e, height: t, color: a, className: r, onClick: o });
+        return s7({ width: e, height: t, color: o, className: r, onClick: a });
       case "attention":
-        return A5({ width: e, height: t, color: a, className: r, onClick: o });
+        return A5({ width: e, height: t, color: o, className: r, onClick: a });
       case "users":
-        return E5({ width: e, height: t, color: a, className: r, onClick: o });
+        return E5({ width: e, height: t, color: o, className: r, onClick: a });
       case "mySkillsMatrix":
         return D5({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "skills":
-        return K5({ width: e, height: t, color: a, className: r, onClick: o });
+        return K5({ width: e, height: t, color: o, className: r, onClick: a });
       case "skillsMatrices":
         return S5({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "history":
-        return G5({ width: e, height: t, color: a, className: r, onClick: o });
+        return G5({ width: e, height: t, color: o, className: r, onClick: a });
       case "logOut":
-        return B5({ width: e, height: t, color: a, className: r, onClick: o });
+        return B5({ width: e, height: t, color: o, className: r, onClick: a });
       case "settings":
-        return Y5({ width: e, height: t, color: a, className: r, onClick: o });
+        return Y5({ width: e, height: t, color: o, className: r, onClick: a });
       case "trash":
-        return O5({ width: e, height: t, color: a, className: r, onClick: o });
+        return O5({ width: e, height: t, color: o, className: r, onClick: a });
       case "settings2":
-        return I5({ width: e, height: t, color: a, className: r, onClick: o });
+        return I5({ width: e, height: t, color: o, className: r, onClick: a });
       case "checkCircle":
-        return $5({ width: e, height: t, color: a, className: r, onClick: o });
+        return $5({ width: e, height: t, color: o, className: r, onClick: a });
       case "cancelCircle":
-        return T5({ width: e, height: t, color: a, className: r, onClick: o });
+        return T5({ width: e, height: t, color: o, className: r, onClick: a });
       case "visibilityIcon":
         return P5({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "visibilityOffIcon":
         return j5({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "sortUp":
-        return F5({ width: e, height: t, color: a, className: r, onClick: o });
+        return F5({ width: e, height: t, color: o, className: r, onClick: a });
       case "sortDown":
-        return U5({ width: e, height: t, color: a, className: r, onClick: o });
+        return U5({ width: e, height: t, color: o, className: r, onClick: a });
       case "sortDouble":
-        return W5({ width: e, height: t, color: a, className: r, onClick: o });
+        return W5({ width: e, height: t, color: o, className: r, onClick: a });
       case "search":
-        return z5({ width: e, height: t, color: a, className: r, onClick: o });
+        return z5({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrowUpFilled":
-        return q5({ width: e, height: t, color: a, className: r, onClick: o });
+        return q5({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrowDownFilled":
-        return J5({ width: e, height: t, color: a, className: r, onClick: o });
+        return J5({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Up":
-        return m5({ width: e, height: t, color: a, className: r, onClick: o });
+        return m5({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Right":
-        return v5({ width: e, height: t, color: a, className: r, onClick: o });
+        return v5({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Down":
-        return k5({ width: e, height: t, color: a, className: r, onClick: o });
+        return k5({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Left":
-        return N5({ width: e, height: t, color: a, className: r, onClick: o });
+        return N5({ width: e, height: t, color: o, className: r, onClick: a });
       case "link":
-        return Q5({ width: e, height: t, color: a, className: r, onClick: o });
+        return Q5({ width: e, height: t, color: o, className: r, onClick: a });
       case "telegram":
-        return e7({ width: e, height: t, color: a, className: r, onClick: o });
+        return e7({ width: e, height: t, color: o, className: r, onClick: a });
       case "mail":
-        return i7({ width: e, height: t, color: a, className: r, onClick: o });
+        return i7({ width: e, height: t, color: o, className: r, onClick: a });
       case "github":
-        return X5({ width: e, height: t, color: a, className: r, onClick: o });
+        return X5({ width: e, height: t, color: o, className: r, onClick: a });
       case "linkedIn":
-        return t7({ width: e, height: t, color: a, className: r, onClick: o });
+        return t7({ width: e, height: t, color: o, className: r, onClick: a });
       case "emptyStateIcon":
-        return l7({ width: e, height: t, color: a, className: r, onClick: o });
+        return l7({ width: e, height: t, color: o, className: r, onClick: a });
       case "dotMenuIcon":
-        return n7({ width: e, height: t, color: a, className: r, onClick: o });
+        return n7({ width: e, height: t, color: o, className: r, onClick: a });
       case "plusCircle":
-        return o7({ width: e, height: t, color: a, className: r, onClick: o });
+        return o7({ width: e, height: t, color: o, className: r, onClick: a });
       case "warning":
-        return a7({ width: e, height: t, color: a, className: r, onClick: o });
+        return a7({ width: e, height: t, color: o, className: r, onClick: a });
       case "bell":
-        return r7({ width: e, height: t, color: a, className: r, onClick: o });
+        return r7({ width: e, height: t, color: o, className: r, onClick: a });
       case "copy":
-        return C7({ width: e, height: t, color: a, className: r, onClick: o });
+        return C7({ width: e, height: t, color: o, className: r, onClick: a });
       case "contract":
-        return h7({ width: e, height: t, color: a, className: r, onClick: o });
+        return h7({ width: e, height: t, color: o, className: r, onClick: a });
       case "resourceManager":
-        return c7({ width: e, height: t, color: a, className: r, onClick: o });
+        return c7({ width: e, height: t, color: o, className: r, onClick: a });
       case "image":
-        return d7({ width: e, height: t, color: a, className: r, onClick: o });
+        return d7({ width: e, height: t, color: o, className: r, onClick: a });
       case "edit":
-        return g7({ width: e, height: t, color: a, className: r, onClick: o });
+        return g7({ width: e, height: t, color: o, className: r, onClick: a });
       case "burgerMenu":
-        return w7({ width: e, height: t, color: a, className: r, onClick: o });
+        return w7({ width: e, height: t, color: o, className: r, onClick: a });
       case "refresh":
-        return f7({ width: e, height: t, color: a, className: r, onClick: o });
+        return f7({ width: e, height: t, color: o, className: r, onClick: a });
       case "projects":
-        return p7({ width: e, height: t, color: a, className: r, onClick: o });
+        return p7({ width: e, height: t, color: o, className: r, onClick: a });
       case "user":
-        return L7({ width: e, height: t, color: a, className: r, onClick: o });
+        return L7({ width: e, height: t, color: o, className: r, onClick: a });
       case "exit":
-        return u7({ width: e, height: t, color: a, className: r, onClick: o });
+        return u7({ width: e, height: t, color: o, className: r, onClick: a });
       case "status":
-        return m7({ width: e, height: t, color: a, className: r, onClick: o });
+        return m7({ width: e, height: t, color: o, className: r, onClick: a });
       case "community":
-        return v7({ width: e, height: t, color: a, className: r, onClick: o });
+        return v7({ width: e, height: t, color: o, className: r, onClick: a });
       case "docs":
-        return k7({ width: e, height: t, color: a, className: r, onClick: o });
+        return k7({ width: e, height: t, color: o, className: r, onClick: a });
       case "unpaidLeave":
-        return N7({ width: e, height: t, color: a, className: r, onClick: o });
+        return N7({ width: e, height: t, color: o, className: r, onClick: a });
       default:
         return /* @__PURE__ */ n(i1, { children: "No Icon provided" });
     }
@@ -2824,8 +2828,8 @@ const e5 = (l, e) => {
       overflow: "hidden",
       textOverflow: "clip"
     });
-    const a = h.scrollWidth > h.offsetWidth + 1;
-    Object.assign(h.style, d), i(a);
+    const o = h.scrollWidth > h.offsetWidth + 1;
+    Object.assign(h.style, d), i(o);
   }, [s]);
   return N1(() => {
     const h = s();
@@ -2849,29 +2853,31 @@ const e5 = (l, e) => {
     color: t,
     children: i,
     onClick: s,
-    collapsed: C,
-    whiteSpace: h = "normal",
+    whiteSpace: C,
     /** This prop allows you to enable tooltip if text size is too big */
-    trim: d = !1
-  }, a) => {
+    trim: h = !1
+  }, d) => {
     const o = J(null);
-    h1(a, () => o.current);
-    const r = M7(o, { enabled: d }), p = e === "h1" || e === "h2" || e === "h3" || e === "h4";
-    let w = `snmt-typography snmt-typography-${e}`;
-    l && l !== "inherit" && (w += ` snmt-typography-align-${l}`), C && (w += " collapsed");
-    const f = {
-      className: w,
-      style: { color: t, whiteSpace: d ? "nowrap" : h, display: d ? "block" : "" },
+    h1(d, () => o.current);
+    const a = M7(o, { enabled: h }), r = e === "h1" || e === "h2" || e === "h3" || e === "h4";
+    let f = `snmt-typography snmt-typography-${e}`;
+    l && l !== "inherit" && (f += ` snmt-typography-align-${l}`);
+    const w = {
+      className: f,
+      style: {
+        color: t,
+        whiteSpace: C
+      },
       onClick: s,
       ref: o,
-      ellipsis: d && r ? {
+      ellipsis: h && a ? {
         tooltip: {
           title: i,
           overlayClassName: "snmt-tooltip"
         }
       } : void 0
     };
-    return p ? /* @__PURE__ */ n(x7, { level: V7[e], ...f, children: i }) : /* @__PURE__ */ n(Z7, { ...f, children: i });
+    return r ? /* @__PURE__ */ n(x7, { level: V7[e], ...w, children: i }) : /* @__PURE__ */ n(Z7, { ...w, children: i });
   }
 ), H7 = ({
   width: l = 20,
@@ -5137,159 +5143,159 @@ const e5 = (l, e) => {
   disabled: C = !1,
   onClick: h
 }) => {
-  const { theme: d } = s1(c1), a = C ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, o = C ? void 0 : h, r = h && !C ? `${s || ""} clickable` : s;
+  const { theme: d } = s1(c1), o = C ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, a = C ? void 0 : h, r = h && !C ? `${s || ""} clickable` : s;
   return /* @__PURE__ */ n(i1, { children: (() => {
     switch (l) {
       case "arrow1Down":
-        return H7({ width: e, height: t, color: a, className: r, onClick: o });
+        return H7({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Up":
-        return _7({ width: e, height: t, color: a, className: r, onClick: o });
+        return _7({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Right":
-        return b7({ width: e, height: t, color: a, className: r, onClick: o });
+        return b7({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Left":
-        return y7({ width: e, height: t, color: a, className: r, onClick: o });
+        return y7({ width: e, height: t, color: o, className: r, onClick: a });
       case "info":
-        return A7({ width: e, height: t, color: a, className: r, onClick: o });
+        return A7({ width: e, height: t, color: o, className: r, onClick: a });
       case "archive":
-        return G7({ width: e, height: t, color: a, className: r, onClick: o });
+        return G7({ width: e, height: t, color: o, className: r, onClick: a });
       case "unarchive":
-        return B7({ width: e, height: t, color: a, className: r, onClick: o });
+        return B7({ width: e, height: t, color: o, className: r, onClick: a });
       case "calendar":
-        return Y7({ width: e, height: t, color: a, className: r, onClick: o });
+        return Y7({ width: e, height: t, color: o, className: r, onClick: a });
       case "check":
-        return O7({ width: e, height: t, color: a, className: r, onClick: o });
+        return O7({ width: e, height: t, color: o, className: r, onClick: a });
       case "cancel":
-        return I7({ width: e, height: t, color: a, className: r, onClick: o });
+        return I7({ width: e, height: t, color: o, className: r, onClick: a });
       case "add":
-        return $7({ width: e, height: t, color: a, className: r, onClick: o });
+        return $7({ width: e, height: t, color: o, className: r, onClick: a });
       case "list":
-        return T7({ width: e, height: t, color: a, className: r, onClick: o });
+        return T7({ width: e, height: t, color: o, className: r, onClick: a });
       case "dragAndDrop":
-        return P7({ width: e, height: t, color: a, className: r, onClick: o });
+        return P7({ width: e, height: t, color: o, className: r, onClick: a });
       case "filter1":
-        return j7({ width: e, height: t, color: a, className: r, onClick: o });
+        return j7({ width: e, height: t, color: o, className: r, onClick: a });
       case "filter2":
-        return L9({ width: e, height: t, color: a, className: r, onClick: o });
+        return L9({ width: e, height: t, color: o, className: r, onClick: a });
       case "attention":
-        return F7({ width: e, height: t, color: a, className: r, onClick: o });
+        return F7({ width: e, height: t, color: o, className: r, onClick: a });
       case "users":
-        return U7({ width: e, height: t, color: a, className: r, onClick: o });
+        return U7({ width: e, height: t, color: o, className: r, onClick: a });
       case "mySkillsMatrix":
         return W7({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "skills":
-        return z7({ width: e, height: t, color: a, className: r, onClick: o });
+        return z7({ width: e, height: t, color: o, className: r, onClick: a });
       case "skillsMatrices":
         return J7({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "history":
-        return q7({ width: e, height: t, color: a, className: r, onClick: o });
+        return q7({ width: e, height: t, color: o, className: r, onClick: a });
       case "logOut":
-        return Q7({ width: e, height: t, color: a, className: r, onClick: o });
+        return Q7({ width: e, height: t, color: o, className: r, onClick: a });
       case "settings":
-        return X7({ width: e, height: t, color: a, className: r, onClick: o });
+        return X7({ width: e, height: t, color: o, className: r, onClick: a });
       case "trash":
-        return e9({ width: e, height: t, color: a, className: r, onClick: o });
+        return e9({ width: e, height: t, color: o, className: r, onClick: a });
       case "settings2":
-        return t9({ width: e, height: t, color: a, className: r, onClick: o });
+        return t9({ width: e, height: t, color: o, className: r, onClick: a });
       case "checkCircle":
-        return i9({ width: e, height: t, color: a, className: r, onClick: o });
+        return i9({ width: e, height: t, color: o, className: r, onClick: a });
       case "cancelCircle":
-        return l9({ width: e, height: t, color: a, className: r, onClick: o });
+        return l9({ width: e, height: t, color: o, className: r, onClick: a });
       case "visibilityIcon":
         return s9({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "visibilityOffIcon":
         return n9({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "sortUp":
-        return o9({ width: e, height: t, color: a, className: r, onClick: o });
+        return o9({ width: e, height: t, color: o, className: r, onClick: a });
       case "sortDown":
-        return a9({ width: e, height: t, color: a, className: r, onClick: o });
+        return a9({ width: e, height: t, color: o, className: r, onClick: a });
       case "sortDouble":
-        return r9({ width: e, height: t, color: a, className: r, onClick: o });
+        return r9({ width: e, height: t, color: o, className: r, onClick: a });
       case "search":
-        return C9({ width: e, height: t, color: a, className: r, onClick: o });
+        return C9({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrowUpFilled":
-        return c9({ width: e, height: t, color: a, className: r, onClick: o });
+        return c9({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrowDownFilled":
-        return h9({ width: e, height: t, color: a, className: r, onClick: o });
+        return h9({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Up":
-        return E7({ width: e, height: t, color: a, className: r, onClick: o });
+        return E7({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Right":
-        return D7({ width: e, height: t, color: a, className: r, onClick: o });
+        return D7({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Down":
-        return K7({ width: e, height: t, color: a, className: r, onClick: o });
+        return K7({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Left":
-        return S7({ width: e, height: t, color: a, className: r, onClick: o });
+        return S7({ width: e, height: t, color: o, className: r, onClick: a });
       case "link":
-        return d9({ width: e, height: t, color: a, className: r, onClick: o });
+        return d9({ width: e, height: t, color: o, className: r, onClick: a });
       case "telegram":
-        return w9({ width: e, height: t, color: a, className: r, onClick: o });
+        return w9({ width: e, height: t, color: o, className: r, onClick: a });
       case "mail":
-        return p9({ width: e, height: t, color: a, className: r, onClick: o });
+        return p9({ width: e, height: t, color: o, className: r, onClick: a });
       case "github":
-        return g9({ width: e, height: t, color: a, className: r, onClick: o });
+        return g9({ width: e, height: t, color: o, className: r, onClick: a });
       case "linkedIn":
-        return f9({ width: e, height: t, color: a, className: r, onClick: o });
+        return f9({ width: e, height: t, color: o, className: r, onClick: a });
       case "emptyStateIcon":
-        return u9({ width: e, height: t, color: a, className: r, onClick: o });
+        return u9({ width: e, height: t, color: o, className: r, onClick: a });
       case "dotMenuIcon":
-        return m9({ width: e, height: t, color: a, className: r, onClick: o });
+        return m9({ width: e, height: t, color: o, className: r, onClick: a });
       case "plusCircle":
-        return v9({ width: e, height: t, color: a, className: r, onClick: o });
+        return v9({ width: e, height: t, color: o, className: r, onClick: a });
       case "warning":
-        return k9({ width: e, height: t, color: a, className: r, onClick: o });
+        return k9({ width: e, height: t, color: o, className: r, onClick: a });
       case "bell":
-        return N9({ width: e, height: t, color: a, className: r, onClick: o });
+        return N9({ width: e, height: t, color: o, className: r, onClick: a });
       case "copy":
-        return M9({ width: e, height: t, color: a, className: r, onClick: o });
+        return M9({ width: e, height: t, color: o, className: r, onClick: a });
       case "contract":
-        return x9({ width: e, height: t, color: a, className: r, onClick: o });
+        return x9({ width: e, height: t, color: o, className: r, onClick: a });
       case "resourceManager":
-        return Z9({ width: e, height: t, color: a, className: r, onClick: o });
+        return Z9({ width: e, height: t, color: o, className: r, onClick: a });
       case "image":
-        return V9({ width: e, height: t, color: a, className: r, onClick: o });
+        return V9({ width: e, height: t, color: o, className: r, onClick: a });
       case "edit":
-        return R9({ width: e, height: t, color: a, className: r, onClick: o });
+        return R9({ width: e, height: t, color: o, className: r, onClick: a });
       case "burgerMenu":
-        return H9({ width: e, height: t, color: a, className: r, onClick: o });
+        return H9({ width: e, height: t, color: o, className: r, onClick: a });
       case "refresh":
-        return _9({ width: e, height: t, color: a, className: r, onClick: o });
+        return _9({ width: e, height: t, color: o, className: r, onClick: a });
       case "projects":
-        return b9({ width: e, height: t, color: a, className: r, onClick: o });
+        return b9({ width: e, height: t, color: o, className: r, onClick: a });
       case "user":
-        return A9({ width: e, height: t, color: a, className: r, onClick: o });
+        return A9({ width: e, height: t, color: o, className: r, onClick: a });
       case "exit":
-        return y9({ width: e, height: t, color: a, className: r, onClick: o });
+        return y9({ width: e, height: t, color: o, className: r, onClick: a });
       case "status":
-        return E9({ width: e, height: t, color: a, className: r, onClick: o });
+        return E9({ width: e, height: t, color: o, className: r, onClick: a });
       case "community":
-        return D9({ width: e, height: t, color: a, className: r, onClick: o });
+        return D9({ width: e, height: t, color: o, className: r, onClick: a });
       case "docs":
-        return K9({ width: e, height: t, color: a, className: r, onClick: o });
+        return K9({ width: e, height: t, color: o, className: r, onClick: a });
       case "unpaidLeave":
-        return S9({ width: e, height: t, color: a, className: r, onClick: o });
+        return S9({ width: e, height: t, color: o, className: r, onClick: a });
       default:
         return /* @__PURE__ */ n(i1, { children: "No Icon provided" });
     }
@@ -5349,8 +5355,8 @@ const e5 = (l, e) => {
       overflow: "hidden",
       textOverflow: "clip"
     });
-    const a = h.scrollWidth > h.offsetWidth + 1;
-    Object.assign(h.style, d), i(a);
+    const o = h.scrollWidth > h.offsetWidth + 1;
+    Object.assign(h.style, d), i(o);
   }, [s]);
   return N1(() => {
     const h = s();
@@ -5374,29 +5380,31 @@ const e5 = (l, e) => {
     color: t,
     children: i,
     onClick: s,
-    collapsed: C,
-    whiteSpace: h = "normal",
+    whiteSpace: C,
     /** This prop allows you to enable tooltip if text size is too big */
-    trim: d = !1
-  }, a) => {
+    trim: h = !1
+  }, d) => {
     const o = J(null);
-    h1(a, () => o.current);
-    const r = B9(o, { enabled: d }), p = e === "h1" || e === "h2" || e === "h3" || e === "h4";
-    let w = `snmt-typography snmt-typography-${e}`;
-    l && l !== "inherit" && (w += ` snmt-typography-align-${l}`), C && (w += " collapsed");
-    const f = {
-      className: w,
-      style: { color: t, whiteSpace: d ? "nowrap" : h, display: d ? "block" : "" },
+    h1(d, () => o.current);
+    const a = B9(o, { enabled: h }), r = e === "h1" || e === "h2" || e === "h3" || e === "h4";
+    let f = `snmt-typography snmt-typography-${e}`;
+    l && l !== "inherit" && (f += ` snmt-typography-align-${l}`);
+    const w = {
+      className: f,
+      style: {
+        color: t,
+        whiteSpace: C
+      },
       onClick: s,
       ref: o,
-      ellipsis: d && r ? {
+      ellipsis: h && a ? {
         tooltip: {
           title: i,
           overlayClassName: "snmt-tooltip"
         }
       } : void 0
     };
-    return p ? /* @__PURE__ */ n(Y9, { level: I9[e], ...f, children: i }) : /* @__PURE__ */ n(O9, { ...f, children: i });
+    return r ? /* @__PURE__ */ n(Y9, { level: I9[e], ...w, children: i }) : /* @__PURE__ */ n(O9, { ...w, children: i });
   }
 ), T9 = ({
   children: l,
@@ -5407,7 +5415,7 @@ const e5 = (l, e) => {
   noPadding: C = !1,
   trigger: h = "click"
 }) => {
-  const [d, a] = S(!1);
+  const [d, o] = S(!1);
   return /* @__PURE__ */ n(
     K2,
     {
@@ -5417,8 +5425,8 @@ const e5 = (l, e) => {
       trigger: h,
       overlayClassName: `snmt-popover ${C ? "" : "padding"}`,
       open: t ?? d,
-      onOpenChange: (o) => {
-        a(o), i == null || i(o);
+      onOpenChange: (a) => {
+        o(a), i == null || i(a);
       },
       children: /* @__PURE__ */ n("div", { className: "wrapper", children: l })
     }
@@ -5440,8 +5448,8 @@ const e5 = (l, e) => {
       overflow: "hidden",
       textOverflow: "clip"
     });
-    const a = h.scrollWidth > h.offsetWidth + 1;
-    Object.assign(h.style, d), i(a);
+    const o = h.scrollWidth > h.offsetWidth + 1;
+    Object.assign(h.style, d), i(o);
   }, [s]);
   return N1(() => {
     const h = s();
@@ -5465,29 +5473,31 @@ const e5 = (l, e) => {
     color: t,
     children: i,
     onClick: s,
-    collapsed: C,
-    whiteSpace: h = "normal",
+    whiteSpace: C,
     /** This prop allows you to enable tooltip if text size is too big */
-    trim: d = !1
-  }, a) => {
+    trim: h = !1
+  }, d) => {
     const o = J(null);
-    h1(a, () => o.current);
-    const r = P9(o, { enabled: d }), p = e === "h1" || e === "h2" || e === "h3" || e === "h4";
-    let w = `snmt-typography snmt-typography-${e}`;
-    l && l !== "inherit" && (w += ` snmt-typography-align-${l}`), C && (w += " collapsed");
-    const f = {
-      className: w,
-      style: { color: t, whiteSpace: d ? "nowrap" : h, display: d ? "block" : "" },
+    h1(d, () => o.current);
+    const a = P9(o, { enabled: h }), r = e === "h1" || e === "h2" || e === "h3" || e === "h4";
+    let f = `snmt-typography snmt-typography-${e}`;
+    l && l !== "inherit" && (f += ` snmt-typography-align-${l}`);
+    const w = {
+      className: f,
+      style: {
+        color: t,
+        whiteSpace: C
+      },
       onClick: s,
       ref: o,
-      ellipsis: d && r ? {
+      ellipsis: h && a ? {
         tooltip: {
           title: i,
           overlayClassName: "snmt-tooltip"
         }
       } : void 0
     };
-    return p ? /* @__PURE__ */ n(j9, { level: U9[e], ...f, children: i }) : /* @__PURE__ */ n(F9, { ...f, children: i });
+    return r ? /* @__PURE__ */ n(j9, { level: U9[e], ...w, children: i }) : /* @__PURE__ */ n(F9, { ...w, children: i });
   }
 ), W9 = ({
   width: l = 20,
@@ -7753,159 +7763,159 @@ const e5 = (l, e) => {
   disabled: C = !1,
   onClick: h
 }) => {
-  const { theme: d } = s1(c1), a = C ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, o = C ? void 0 : h, r = h && !C ? `${s || ""} clickable` : s;
+  const { theme: d } = s1(c1), o = C ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, a = C ? void 0 : h, r = h && !C ? `${s || ""} clickable` : s;
   return /* @__PURE__ */ n(i1, { children: (() => {
     switch (l) {
       case "arrow1Down":
-        return W9({ width: e, height: t, color: a, className: r, onClick: o });
+        return W9({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Up":
-        return z9({ width: e, height: t, color: a, className: r, onClick: o });
+        return z9({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Right":
-        return J9({ width: e, height: t, color: a, className: r, onClick: o });
+        return J9({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Left":
-        return q9({ width: e, height: t, color: a, className: r, onClick: o });
+        return q9({ width: e, height: t, color: o, className: r, onClick: a });
       case "info":
-        return Q9({ width: e, height: t, color: a, className: r, onClick: o });
+        return Q9({ width: e, height: t, color: o, className: r, onClick: a });
       case "archive":
-        return l0({ width: e, height: t, color: a, className: r, onClick: o });
+        return l0({ width: e, height: t, color: o, className: r, onClick: a });
       case "unarchive":
-        return s0({ width: e, height: t, color: a, className: r, onClick: o });
+        return s0({ width: e, height: t, color: o, className: r, onClick: a });
       case "calendar":
-        return n0({ width: e, height: t, color: a, className: r, onClick: o });
+        return n0({ width: e, height: t, color: o, className: r, onClick: a });
       case "check":
-        return o0({ width: e, height: t, color: a, className: r, onClick: o });
+        return o0({ width: e, height: t, color: o, className: r, onClick: a });
       case "cancel":
-        return a0({ width: e, height: t, color: a, className: r, onClick: o });
+        return a0({ width: e, height: t, color: o, className: r, onClick: a });
       case "add":
-        return r0({ width: e, height: t, color: a, className: r, onClick: o });
+        return r0({ width: e, height: t, color: o, className: r, onClick: a });
       case "list":
-        return C0({ width: e, height: t, color: a, className: r, onClick: o });
+        return C0({ width: e, height: t, color: o, className: r, onClick: a });
       case "dragAndDrop":
-        return h0({ width: e, height: t, color: a, className: r, onClick: o });
+        return h0({ width: e, height: t, color: o, className: r, onClick: a });
       case "filter1":
-        return c0({ width: e, height: t, color: a, className: r, onClick: o });
+        return c0({ width: e, height: t, color: o, className: r, onClick: a });
       case "filter2":
-        return B0({ width: e, height: t, color: a, className: r, onClick: o });
+        return B0({ width: e, height: t, color: o, className: r, onClick: a });
       case "attention":
-        return d0({ width: e, height: t, color: a, className: r, onClick: o });
+        return d0({ width: e, height: t, color: o, className: r, onClick: a });
       case "users":
-        return g0({ width: e, height: t, color: a, className: r, onClick: o });
+        return g0({ width: e, height: t, color: o, className: r, onClick: a });
       case "mySkillsMatrix":
         return w0({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "skills":
-        return f0({ width: e, height: t, color: a, className: r, onClick: o });
+        return f0({ width: e, height: t, color: o, className: r, onClick: a });
       case "skillsMatrices":
         return p0({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "history":
-        return u0({ width: e, height: t, color: a, className: r, onClick: o });
+        return u0({ width: e, height: t, color: o, className: r, onClick: a });
       case "logOut":
-        return L0({ width: e, height: t, color: a, className: r, onClick: o });
+        return L0({ width: e, height: t, color: o, className: r, onClick: a });
       case "settings":
-        return m0({ width: e, height: t, color: a, className: r, onClick: o });
+        return m0({ width: e, height: t, color: o, className: r, onClick: a });
       case "trash":
-        return v0({ width: e, height: t, color: a, className: r, onClick: o });
+        return v0({ width: e, height: t, color: o, className: r, onClick: a });
       case "settings2":
-        return k0({ width: e, height: t, color: a, className: r, onClick: o });
+        return k0({ width: e, height: t, color: o, className: r, onClick: a });
       case "checkCircle":
-        return N0({ width: e, height: t, color: a, className: r, onClick: o });
+        return N0({ width: e, height: t, color: o, className: r, onClick: a });
       case "cancelCircle":
-        return M0({ width: e, height: t, color: a, className: r, onClick: o });
+        return M0({ width: e, height: t, color: o, className: r, onClick: a });
       case "visibilityIcon":
         return x0({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "visibilityOffIcon":
         return Z0({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "sortUp":
-        return V0({ width: e, height: t, color: a, className: r, onClick: o });
+        return V0({ width: e, height: t, color: o, className: r, onClick: a });
       case "sortDown":
-        return R0({ width: e, height: t, color: a, className: r, onClick: o });
+        return R0({ width: e, height: t, color: o, className: r, onClick: a });
       case "sortDouble":
-        return H0({ width: e, height: t, color: a, className: r, onClick: o });
+        return H0({ width: e, height: t, color: o, className: r, onClick: a });
       case "search":
-        return _0({ width: e, height: t, color: a, className: r, onClick: o });
+        return _0({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrowUpFilled":
-        return y0({ width: e, height: t, color: a, className: r, onClick: o });
+        return y0({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrowDownFilled":
-        return b0({ width: e, height: t, color: a, className: r, onClick: o });
+        return b0({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Up":
-        return X9({ width: e, height: t, color: a, className: r, onClick: o });
+        return X9({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Right":
-        return e0({ width: e, height: t, color: a, className: r, onClick: o });
+        return e0({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Down":
-        return t0({ width: e, height: t, color: a, className: r, onClick: o });
+        return t0({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Left":
-        return i0({ width: e, height: t, color: a, className: r, onClick: o });
+        return i0({ width: e, height: t, color: o, className: r, onClick: a });
       case "link":
-        return A0({ width: e, height: t, color: a, className: r, onClick: o });
+        return A0({ width: e, height: t, color: o, className: r, onClick: a });
       case "telegram":
-        return D0({ width: e, height: t, color: a, className: r, onClick: o });
+        return D0({ width: e, height: t, color: o, className: r, onClick: a });
       case "mail":
-        return S0({ width: e, height: t, color: a, className: r, onClick: o });
+        return S0({ width: e, height: t, color: o, className: r, onClick: a });
       case "github":
-        return E0({ width: e, height: t, color: a, className: r, onClick: o });
+        return E0({ width: e, height: t, color: o, className: r, onClick: a });
       case "linkedIn":
-        return K0({ width: e, height: t, color: a, className: r, onClick: o });
+        return K0({ width: e, height: t, color: o, className: r, onClick: a });
       case "emptyStateIcon":
-        return G0({ width: e, height: t, color: a, className: r, onClick: o });
+        return G0({ width: e, height: t, color: o, className: r, onClick: a });
       case "dotMenuIcon":
-        return Y0({ width: e, height: t, color: a, className: r, onClick: o });
+        return Y0({ width: e, height: t, color: o, className: r, onClick: a });
       case "plusCircle":
-        return O0({ width: e, height: t, color: a, className: r, onClick: o });
+        return O0({ width: e, height: t, color: o, className: r, onClick: a });
       case "warning":
-        return I0({ width: e, height: t, color: a, className: r, onClick: o });
+        return I0({ width: e, height: t, color: o, className: r, onClick: a });
       case "bell":
-        return $0({ width: e, height: t, color: a, className: r, onClick: o });
+        return $0({ width: e, height: t, color: o, className: r, onClick: a });
       case "copy":
-        return T0({ width: e, height: t, color: a, className: r, onClick: o });
+        return T0({ width: e, height: t, color: o, className: r, onClick: a });
       case "contract":
-        return P0({ width: e, height: t, color: a, className: r, onClick: o });
+        return P0({ width: e, height: t, color: o, className: r, onClick: a });
       case "resourceManager":
-        return j0({ width: e, height: t, color: a, className: r, onClick: o });
+        return j0({ width: e, height: t, color: o, className: r, onClick: a });
       case "image":
-        return F0({ width: e, height: t, color: a, className: r, onClick: o });
+        return F0({ width: e, height: t, color: o, className: r, onClick: a });
       case "edit":
-        return U0({ width: e, height: t, color: a, className: r, onClick: o });
+        return U0({ width: e, height: t, color: o, className: r, onClick: a });
       case "burgerMenu":
-        return W0({ width: e, height: t, color: a, className: r, onClick: o });
+        return W0({ width: e, height: t, color: o, className: r, onClick: a });
       case "refresh":
-        return z0({ width: e, height: t, color: a, className: r, onClick: o });
+        return z0({ width: e, height: t, color: o, className: r, onClick: a });
       case "projects":
-        return J0({ width: e, height: t, color: a, className: r, onClick: o });
+        return J0({ width: e, height: t, color: o, className: r, onClick: a });
       case "user":
-        return Q0({ width: e, height: t, color: a, className: r, onClick: o });
+        return Q0({ width: e, height: t, color: o, className: r, onClick: a });
       case "exit":
-        return q0({ width: e, height: t, color: a, className: r, onClick: o });
+        return q0({ width: e, height: t, color: o, className: r, onClick: a });
       case "status":
-        return X0({ width: e, height: t, color: a, className: r, onClick: o });
+        return X0({ width: e, height: t, color: o, className: r, onClick: a });
       case "community":
-        return e4({ width: e, height: t, color: a, className: r, onClick: o });
+        return e4({ width: e, height: t, color: o, className: r, onClick: a });
       case "docs":
-        return t4({ width: e, height: t, color: a, className: r, onClick: o });
+        return t4({ width: e, height: t, color: o, className: r, onClick: a });
       case "unpaidLeave":
-        return i4({ width: e, height: t, color: a, className: r, onClick: o });
+        return i4({ width: e, height: t, color: o, className: r, onClick: a });
       default:
         return /* @__PURE__ */ n(i1, { children: "No Icon provided" });
     }
@@ -8007,23 +8017,23 @@ const o4 = ({
   extraOptions: h,
   selectedItemVariant: d = "default"
 }) => {
-  const { locale: a } = s1(c1), { t: o } = i5("common", { lng: a }), [r, p] = S(!1);
+  const { locale: o } = s1(c1), { t: a } = i5("common", { lng: o }), [r, f] = S(!1);
   if (F(() => {
-    l.length || p(!1);
+    l.length || f(!1);
   }, [l]), !l.length)
     return null;
-  const w = (f) => {
+  const w = (p) => {
     var k, M;
-    return ((k = C == null ? void 0 : C.find((v) => v.value === f)) == null ? void 0 : k.label) || ((M = h == null ? void 0 : h.find((v) => v.value === f)) == null ? void 0 : M.label) || f;
+    return ((k = C == null ? void 0 : C.find((v) => v.value === p)) == null ? void 0 : k.label) || ((M = h == null ? void 0 : h.find((v) => v.value === p)) == null ? void 0 : M.label) || p;
   };
   return /* @__PURE__ */ g(
     T9,
     {
       content: (
         // 90: paddings + margins + gaps and so on
-        /* @__PURE__ */ n("div", { style: { maxWidth: t - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ n(m1, { gap: 6, flexWrap: "wrap", children: l.map(({ value: f }) => {
+        /* @__PURE__ */ n("div", { style: { maxWidth: t - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ n(m1, { gap: 6, flexWrap: "wrap", children: l.map(({ value: p }) => {
           const k = d === "badge" && C.find(
-            (M) => M.label === w(f)
+            (M) => M.label === w(p)
           );
           return d === "badge" ? /* @__PURE__ */ n(
             N2,
@@ -8031,28 +8041,28 @@ const o4 = ({
               variant: "regular",
               size: "small",
               color: k ? k.color : void 0,
-              text: w(f)
+              text: w(p)
             },
-            f
+            p
           ) : /* @__PURE__ */ n(
             v2,
             {
-              onClose: () => e(f),
+              onClose: () => e(p),
               closable: i,
               disabled: s,
-              children: w(f)
+              children: w(p)
             },
-            f
+            p
           );
         }) }) })
       ),
       placement: "bottomRight",
       isOpen: r,
-      setIsOpen: p,
+      setIsOpen: f,
       children: [
         l.length,
         " ",
-        o("more")
+        a("more")
       ]
     }
   );
@@ -10332,159 +10342,159 @@ const o4 = ({
   disabled: C = !1,
   onClick: h
 }) => {
-  const { theme: d } = s1(c1), a = C ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, o = C ? void 0 : h, r = h && !C ? `${s || ""} clickable` : s;
+  const { theme: d } = s1(c1), o = C ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, a = C ? void 0 : h, r = h && !C ? `${s || ""} clickable` : s;
   return /* @__PURE__ */ n(i1, { children: (() => {
     switch (l) {
       case "arrow1Down":
-        return r4({ width: e, height: t, color: a, className: r, onClick: o });
+        return r4({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Up":
-        return C4({ width: e, height: t, color: a, className: r, onClick: o });
+        return C4({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Right":
-        return h4({ width: e, height: t, color: a, className: r, onClick: o });
+        return h4({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Left":
-        return c4({ width: e, height: t, color: a, className: r, onClick: o });
+        return c4({ width: e, height: t, color: o, className: r, onClick: a });
       case "info":
-        return d4({ width: e, height: t, color: a, className: r, onClick: o });
+        return d4({ width: e, height: t, color: o, className: r, onClick: a });
       case "archive":
-        return u4({ width: e, height: t, color: a, className: r, onClick: o });
+        return u4({ width: e, height: t, color: o, className: r, onClick: a });
       case "unarchive":
-        return L4({ width: e, height: t, color: a, className: r, onClick: o });
+        return L4({ width: e, height: t, color: o, className: r, onClick: a });
       case "calendar":
-        return m4({ width: e, height: t, color: a, className: r, onClick: o });
+        return m4({ width: e, height: t, color: o, className: r, onClick: a });
       case "check":
-        return v4({ width: e, height: t, color: a, className: r, onClick: o });
+        return v4({ width: e, height: t, color: o, className: r, onClick: a });
       case "cancel":
-        return k4({ width: e, height: t, color: a, className: r, onClick: o });
+        return k4({ width: e, height: t, color: o, className: r, onClick: a });
       case "add":
-        return N4({ width: e, height: t, color: a, className: r, onClick: o });
+        return N4({ width: e, height: t, color: o, className: r, onClick: a });
       case "list":
-        return M4({ width: e, height: t, color: a, className: r, onClick: o });
+        return M4({ width: e, height: t, color: o, className: r, onClick: a });
       case "dragAndDrop":
-        return x4({ width: e, height: t, color: a, className: r, onClick: o });
+        return x4({ width: e, height: t, color: o, className: r, onClick: a });
       case "filter1":
-        return Z4({ width: e, height: t, color: a, className: r, onClick: o });
+        return Z4({ width: e, height: t, color: o, className: r, onClick: a });
       case "filter2":
-        return Q4({ width: e, height: t, color: a, className: r, onClick: o });
+        return Q4({ width: e, height: t, color: o, className: r, onClick: a });
       case "attention":
-        return V4({ width: e, height: t, color: a, className: r, onClick: o });
+        return V4({ width: e, height: t, color: o, className: r, onClick: a });
       case "users":
-        return R4({ width: e, height: t, color: a, className: r, onClick: o });
+        return R4({ width: e, height: t, color: o, className: r, onClick: a });
       case "mySkillsMatrix":
         return H4({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "skills":
-        return _4({ width: e, height: t, color: a, className: r, onClick: o });
+        return _4({ width: e, height: t, color: o, className: r, onClick: a });
       case "skillsMatrices":
         return b4({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "history":
-        return y4({ width: e, height: t, color: a, className: r, onClick: o });
+        return y4({ width: e, height: t, color: o, className: r, onClick: a });
       case "logOut":
-        return A4({ width: e, height: t, color: a, className: r, onClick: o });
+        return A4({ width: e, height: t, color: o, className: r, onClick: a });
       case "settings":
-        return E4({ width: e, height: t, color: a, className: r, onClick: o });
+        return E4({ width: e, height: t, color: o, className: r, onClick: a });
       case "trash":
-        return D4({ width: e, height: t, color: a, className: r, onClick: o });
+        return D4({ width: e, height: t, color: o, className: r, onClick: a });
       case "settings2":
-        return K4({ width: e, height: t, color: a, className: r, onClick: o });
+        return K4({ width: e, height: t, color: o, className: r, onClick: a });
       case "checkCircle":
-        return S4({ width: e, height: t, color: a, className: r, onClick: o });
+        return S4({ width: e, height: t, color: o, className: r, onClick: a });
       case "cancelCircle":
-        return G4({ width: e, height: t, color: a, className: r, onClick: o });
+        return G4({ width: e, height: t, color: o, className: r, onClick: a });
       case "visibilityIcon":
         return B4({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "visibilityOffIcon":
         return Y4({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "sortUp":
-        return O4({ width: e, height: t, color: a, className: r, onClick: o });
+        return O4({ width: e, height: t, color: o, className: r, onClick: a });
       case "sortDown":
-        return I4({ width: e, height: t, color: a, className: r, onClick: o });
+        return I4({ width: e, height: t, color: o, className: r, onClick: a });
       case "sortDouble":
-        return $4({ width: e, height: t, color: a, className: r, onClick: o });
+        return $4({ width: e, height: t, color: o, className: r, onClick: a });
       case "search":
-        return T4({ width: e, height: t, color: a, className: r, onClick: o });
+        return T4({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrowUpFilled":
-        return j4({ width: e, height: t, color: a, className: r, onClick: o });
+        return j4({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrowDownFilled":
-        return P4({ width: e, height: t, color: a, className: r, onClick: o });
+        return P4({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Up":
-        return g4({ width: e, height: t, color: a, className: r, onClick: o });
+        return g4({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Right":
-        return w4({ width: e, height: t, color: a, className: r, onClick: o });
+        return w4({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Down":
-        return f4({ width: e, height: t, color: a, className: r, onClick: o });
+        return f4({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Left":
-        return p4({ width: e, height: t, color: a, className: r, onClick: o });
+        return p4({ width: e, height: t, color: o, className: r, onClick: a });
       case "link":
-        return F4({ width: e, height: t, color: a, className: r, onClick: o });
+        return F4({ width: e, height: t, color: o, className: r, onClick: a });
       case "telegram":
-        return W4({ width: e, height: t, color: a, className: r, onClick: o });
+        return W4({ width: e, height: t, color: o, className: r, onClick: a });
       case "mail":
-        return J4({ width: e, height: t, color: a, className: r, onClick: o });
+        return J4({ width: e, height: t, color: o, className: r, onClick: a });
       case "github":
-        return U4({ width: e, height: t, color: a, className: r, onClick: o });
+        return U4({ width: e, height: t, color: o, className: r, onClick: a });
       case "linkedIn":
-        return z4({ width: e, height: t, color: a, className: r, onClick: o });
+        return z4({ width: e, height: t, color: o, className: r, onClick: a });
       case "emptyStateIcon":
-        return q4({ width: e, height: t, color: a, className: r, onClick: o });
+        return q4({ width: e, height: t, color: o, className: r, onClick: a });
       case "dotMenuIcon":
-        return X4({ width: e, height: t, color: a, className: r, onClick: o });
+        return X4({ width: e, height: t, color: o, className: r, onClick: a });
       case "plusCircle":
-        return e6({ width: e, height: t, color: a, className: r, onClick: o });
+        return e6({ width: e, height: t, color: o, className: r, onClick: a });
       case "warning":
-        return t6({ width: e, height: t, color: a, className: r, onClick: o });
+        return t6({ width: e, height: t, color: o, className: r, onClick: a });
       case "bell":
-        return i6({ width: e, height: t, color: a, className: r, onClick: o });
+        return i6({ width: e, height: t, color: o, className: r, onClick: a });
       case "copy":
-        return l6({ width: e, height: t, color: a, className: r, onClick: o });
+        return l6({ width: e, height: t, color: o, className: r, onClick: a });
       case "contract":
-        return s6({ width: e, height: t, color: a, className: r, onClick: o });
+        return s6({ width: e, height: t, color: o, className: r, onClick: a });
       case "resourceManager":
-        return n6({ width: e, height: t, color: a, className: r, onClick: o });
+        return n6({ width: e, height: t, color: o, className: r, onClick: a });
       case "image":
-        return o6({ width: e, height: t, color: a, className: r, onClick: o });
+        return o6({ width: e, height: t, color: o, className: r, onClick: a });
       case "edit":
-        return a6({ width: e, height: t, color: a, className: r, onClick: o });
+        return a6({ width: e, height: t, color: o, className: r, onClick: a });
       case "burgerMenu":
-        return r6({ width: e, height: t, color: a, className: r, onClick: o });
+        return r6({ width: e, height: t, color: o, className: r, onClick: a });
       case "refresh":
-        return C6({ width: e, height: t, color: a, className: r, onClick: o });
+        return C6({ width: e, height: t, color: o, className: r, onClick: a });
       case "projects":
-        return h6({ width: e, height: t, color: a, className: r, onClick: o });
+        return h6({ width: e, height: t, color: o, className: r, onClick: a });
       case "user":
-        return d6({ width: e, height: t, color: a, className: r, onClick: o });
+        return d6({ width: e, height: t, color: o, className: r, onClick: a });
       case "exit":
-        return c6({ width: e, height: t, color: a, className: r, onClick: o });
+        return c6({ width: e, height: t, color: o, className: r, onClick: a });
       case "status":
-        return g6({ width: e, height: t, color: a, className: r, onClick: o });
+        return g6({ width: e, height: t, color: o, className: r, onClick: a });
       case "community":
-        return w6({ width: e, height: t, color: a, className: r, onClick: o });
+        return w6({ width: e, height: t, color: o, className: r, onClick: a });
       case "docs":
-        return f6({ width: e, height: t, color: a, className: r, onClick: o });
+        return f6({ width: e, height: t, color: o, className: r, onClick: a });
       case "unpaidLeave":
-        return p6({ width: e, height: t, color: a, className: r, onClick: o });
+        return p6({ width: e, height: t, color: o, className: r, onClick: a });
       default:
         return /* @__PURE__ */ n(i1, { children: "No Icon provided" });
     }
@@ -10528,12 +10538,12 @@ const k6 = a1((l, e) => {
     mode: C,
     search: h = !1,
     options: d,
-    width: a,
-    disabled: o = !1,
+    width: o,
+    disabled: a = !1,
     required: r = !1,
-    clearable: p = !0,
+    clearable: f = !0,
     scrollThresholdValue: w = 50,
-    onSearchChange: f,
+    onSearchChange: p,
     onDropdownVisibleChange: k,
     onScrollToEnd: M,
     onPopupScroll: v,
@@ -10581,14 +10591,14 @@ const k6 = a1((l, e) => {
     },
     [C, i, d1]
   ), H1 = y(() => {
-    if (!(x || o)) {
+    if (!(x || a)) {
       if (C) {
         l1([]);
         return;
       }
       l1("");
     }
-  }, [o, l1, C, x]), g1 = y(
+  }, [a, l1, C, x]), g1 = y(
     (N) => {
       const b = _.filter((I) => I !== N);
       l1(b), B(b);
@@ -10621,7 +10631,7 @@ const k6 = a1((l, e) => {
           values: N,
           onTagClose: g1,
           maxWidth: ((I = n1.current) == null ? void 0 : I.clientWidth) || 0,
-          disabled: o,
+          disabled: a,
           closable: !x,
           options: d,
           extraOptions: V,
@@ -10629,7 +10639,7 @@ const k6 = a1((l, e) => {
         }
       );
     },
-    [o, V, g1, d, x]
+    [a, V, g1, d, x]
   ), e1 = y(
     ({ label: N, value: b, mode: I }) => {
       if (I === "filter")
@@ -10644,10 +10654,10 @@ const k6 = a1((l, e) => {
             color: o1 ? o1.color : "cyan",
             text: F1
           }
-        ) : /* @__PURE__ */ n(v2, { onClose: () => g1(b), disabled: o, children: F1 }) });
+        ) : /* @__PURE__ */ n(v2, { onClose: () => g1(b), disabled: a, children: F1 }) });
       }
     },
-    [o, j, g1, E, Y, d]
+    [a, j, g1, E, Y, d]
   ), _1 = Array.isArray(_) && _.length > 0 || !!_ && typeof _ == "string" && _.trim() !== "";
   return /* @__PURE__ */ g(
     "div",
@@ -10663,7 +10673,7 @@ const k6 = a1((l, e) => {
                     ${Q === "static" ? "snmt-select-static" : ""}
                     ${$ === "borderless" ? "snmt-select-borderless" : ""}`,
             ref: n1,
-            style: { width: a },
+            style: { width: o },
             children: [
               /* @__PURE__ */ n(
                 y2,
@@ -10675,11 +10685,11 @@ const k6 = a1((l, e) => {
                   showSearch: !!h,
                   filterOption: h && Z1,
                   onDropdownVisibleChange: x1,
-                  disabled: o,
+                  disabled: a,
                   value: _ || void 0,
                   labelRender: (N) => {
                     const b = j(N.value);
-                    return o ? /* @__PURE__ */ n("span", { style: { color: c.GREY_DARK_1 }, children: b }) : b;
+                    return a ? /* @__PURE__ */ n("span", { style: { color: c.GREY_DARK_1 }, children: b }) : b;
                   },
                   mode: N6(C, d1),
                   variant: $,
@@ -10689,7 +10699,7 @@ const k6 = a1((l, e) => {
                   onMouseEnter: () => O(!0),
                   onMouseLeave: () => O(!1),
                   onSearch: (N) => {
-                    H(!N), f && f(N);
+                    H(!N), p && p(N);
                   },
                   onSelect: () => H(!0),
                   onDeselect: () => H(!0),
@@ -10699,18 +10709,18 @@ const k6 = a1((l, e) => {
                   onPopupScroll: X,
                   prefix: L && /* @__PURE__ */ n(X1, { size: "small" }),
                   suffixIcon: /* @__PURE__ */ n("div", { className: "wrapper-suffix-icon", children: C !== "filter" && /* @__PURE__ */ g(i1, { children: [
-                    _ && !!_.length && p && /* @__PURE__ */ n(
+                    _ && !!_.length && f && /* @__PURE__ */ n(
                       "div",
                       {
                         onClick: H1,
                         style: {
-                          cursor: o ? "not-allowed" : "pointer"
+                          cursor: a ? "not-allowed" : "pointer"
                         },
                         children: /* @__PURE__ */ n(
                           u1,
                           {
                             name: "cancel",
-                            color: o ? c.GREY_DARK_1 : c.GREY_DARK_2
+                            color: a ? c.GREY_DARK_1 : c.GREY_DARK_2
                           }
                         )
                       }
@@ -10726,7 +10736,7 @@ const k6 = a1((l, e) => {
                       u1,
                       {
                         name: "arrow2Down",
-                        color: o ? c.GREY_DARK_1 : c.GREY_DARK_2,
+                        color: a ? c.GREY_DARK_1 : c.GREY_DARK_2,
                         className: R ? "select-arrow-rotated" : "select-arrow",
                         onClick: () => G(!R)
                       }
@@ -10765,14 +10775,14 @@ const k6 = a1((l, e) => {
               s && $ !== "borderless" && /* @__PURE__ */ n(
                 "label",
                 {
-                  className: `${T || _1 ? "label-floating" : ""} ${o ? "label-disabled" : ""} ${T ? "label-focused" : ""} ${L ? "label-loading" : ""} ${m ? "label-error" : ""}`,
+                  className: `${T || _1 ? "label-floating" : ""} ${a ? "label-disabled" : ""} ${T ? "label-focused" : ""} ${L ? "label-loading" : ""} ${m ? "label-error" : ""}`,
                   children: r ? `${s}*` : s
                 }
               ),
               /* @__PURE__ */ n(
                 "fieldset",
                 {
-                  className: `${T ? "fieldset-focused" : ""} ${o ? "fieldset-disabled" : ""} ${_1 ? "fieldset-filled" : ""} ${m ? "fieldset-error" : ""}
+                  className: `${T ? "fieldset-focused" : ""} ${a ? "fieldset-disabled" : ""} ${_1 ? "fieldset-filled" : ""} ${m ? "fieldset-error" : ""}
                         ${K ? "fieldset-hovered" : ""}`,
                   children: /* @__PURE__ */ n("legend", { children: s && $ !== "borderless" && /* @__PURE__ */ n("span", { children: r ? `${s}*` : s }) })
                 }
@@ -10826,12 +10836,12 @@ const B1 = 100, w1 = {
     id: C,
     disabled: h,
     scrollThresholdValue: d,
-    placeholder: a,
-    mode: o,
+    placeholder: o,
+    mode: a,
     loadOnClosedState: r,
-    preloadOptions: p,
+    preloadOptions: f,
     extraOptions: w,
-    onDropdownVisibleChange: f,
+    onDropdownVisibleChange: p,
     optionRender: k,
     dropdownRender: M,
     readOnly: v,
@@ -10882,14 +10892,14 @@ const B1 = 100, w1 = {
     [$, L == null ? void 0 : L.length, m.count]
   ), R1 = y(
     (E) => {
-      P(E), !E && R && (G(void 0), Y(w1), B(!0)), f == null || f(E);
+      P(E), !E && R && (G(void 0), Y(w1), B(!0)), p == null || p(E);
     },
-    [f, R]
+    [p, R]
   );
   F(() => {
     !n1.current || $ || (_ || T && (W !== m.offset || H !== R || !L)) && (d1({ offset: m.offset, limit: B1, search: R }), _ && B(!1));
   }, [_, T, m.offset, R, W, H, L, $]), F(() => {
-    (r || p) && d1(w1), n1.current = !0;
+    (r || f) && d1(w1), n1.current = !0;
   }, []), F(() => {
     w && O((E) => {
       const z = w.filter(
@@ -10902,7 +10912,7 @@ const B1 = 100, w1 = {
     (E) => {
       s && s(E);
       let z = [];
-      if (o ? z = Array.isArray(E) ? E : [] : z = E ? [E] : [], R) {
+      if (a ? z = Array.isArray(E) ? E : [] : z = E ? [E] : [], R) {
         const X = z.filter(
           (j) => !(K != null && K.some((q) => q.value === j))
         );
@@ -10920,14 +10930,14 @@ const B1 = 100, w1 = {
         ]), G(void 0), Y(w1), B(!0);
       }
     },
-    [s, R, o, L, K]
+    [s, R, a, L, K]
   ), H1 = W1(
     () => ({
       id: C,
       width: i,
       onChange: l1,
       ref: e,
-      placeholder: a,
+      placeholder: o,
       search: !0,
       onSearchChange: Z1,
       onDropdownVisibleChange: R1,
@@ -10948,7 +10958,7 @@ const B1 = 100, w1 = {
       i,
       l1,
       e,
-      a,
+      o,
       Z1,
       R1,
       d,
@@ -10970,12 +10980,12 @@ const B1 = 100, w1 = {
     }
   }));
   const g1 = W1(() => {
-    const E = o && o !== "single", z = l.selectedItemVariant === "badge", X = z ? L || [] : L || [], j = K, q = l, e1 = E ? {
-      mode: o,
+    const E = a && a !== "single", z = l.selectedItemVariant === "badge", X = z ? L || [] : L || [], j = K, q = l, e1 = E ? {
+      mode: a,
       overflowBehaviour: q.overflowBehaviour,
       value: q.value
     } : {
-      mode: o,
+      mode: a,
       value: l.value
     };
     return {
@@ -10985,7 +10995,7 @@ const B1 = 100, w1 = {
       options: X,
       extraOptions: j
     };
-  }, [o, l, H1, K, L]);
+  }, [a, l, H1, K, L]);
   return /* @__PURE__ */ n("div", { className: "snmt-async-select", children: /* @__PURE__ */ n(k6, { ...g1 }) });
 });
 var A1 = /* @__PURE__ */ ((l) => (l.ACTIVE = "Active", l.ARCHIVED = "Archived", l))(A1 || {});
@@ -11036,9 +11046,9 @@ const M2 = (l, e) => () => {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const i = e.languages[0], s = e.options ? e.options.fallbackLng : !1, C = e.languages[e.languages.length - 1];
   if (i.toLowerCase() === "cimode") return !0;
-  const h = (d, a) => {
-    const o = e.services.backendConnector.state[`${d}|${a}`];
-    return o === -1 || o === 2;
+  const h = (d, o) => {
+    const a = e.services.backendConnector.state[`${d}|${o}`];
+    return a === -1 || a === 2;
   };
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !h(e.isLanguageChangingTo, l) ? !1 : !!(e.hasResourceBundle(i, l) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || h(i, l) && (!s || h(C, l)));
 }, H6 = function(l, e) {
@@ -11133,12 +11143,12 @@ const I6 = (l, e) => {
     ...e
   }, {
     useSuspense: d,
-    keyPrefix: a
+    keyPrefix: o
   } = h;
-  let o = l;
-  o = C1(o) ? [o] : o || ["translation"], C.reportNamespaces.addUsedNamespaces && C.reportNamespaces.addUsedNamespaces(o);
-  const r = (C.isInitialized || C.initializedStoreOnce) && o.every((u) => H6(u, C, h)), p = $6(C, e.lng || null, h.nsMode === "fallback" ? o : o[0], a), w = () => p, f = () => Z2(C, e.lng || null, h.nsMode === "fallback" ? o : o[0], a), [k, M] = S(w);
-  let v = o.join();
+  let a = l;
+  a = C1(a) ? [a] : a || ["translation"], C.reportNamespaces.addUsedNamespaces && C.reportNamespaces.addUsedNamespaces(a);
+  const r = (C.isInitialized || C.initializedStoreOnce) && a.every((u) => H6(u, C, h)), f = $6(C, e.lng || null, h.nsMode === "fallback" ? a : a[0], o), w = () => f, p = () => Z2(C, e.lng || null, h.nsMode === "fallback" ? a : a[0], o), [k, M] = S(w);
+  let v = a.join();
   e.lng && (v = `${e.lng}${v}`);
   const A = I6(v), V = J(!0);
   F(() => {
@@ -11146,24 +11156,24 @@ const I6 = (l, e) => {
       bindI18n: u,
       bindI18nStore: L
     } = h;
-    V.current = !0, !r && !d && (e.lng ? s2(C, e.lng, o, () => {
-      V.current && M(f);
-    }) : l2(C, o, () => {
-      V.current && M(f);
-    })), r && A && A !== v && V.current && M(f);
+    V.current = !0, !r && !d && (e.lng ? s2(C, e.lng, a, () => {
+      V.current && M(p);
+    }) : l2(C, a, () => {
+      V.current && M(p);
+    })), r && A && A !== v && V.current && M(p);
     const x = () => {
-      V.current && M(f);
+      V.current && M(p);
     };
     return u && C && C.on(u, x), L && C && C.store.on(L, x), () => {
       V.current = !1, u && C && u.split(" ").forEach((m) => C.off(m, x)), L && C && L.split(" ").forEach((m) => C.store.off(m, x));
     };
   }, [C, v]), F(() => {
     V.current && r && M(w);
-  }, [C, a, r]);
+  }, [C, o, r]);
   const D = [k, C, r];
   if (D.t = k, D.i18n = C, D.ready = r, r || !r && !d) return D;
   throw new Promise((u) => {
-    e.lng ? s2(C, e.lng, o, () => u()) : l2(C, o, () => u());
+    e.lng ? s2(C, e.lng, a, () => u()) : l2(C, a, () => u());
   });
 }, Z = (l) => typeof l == "string", L1 = () => {
   let l, e;
@@ -11263,11 +11273,11 @@ const q6 = [" ", ",", "?", "!", ";"], Q6 = new J6(20), X6 = (l, e, t) => {
     if (!s || typeof s != "object")
       return;
     let h, d = "";
-    for (let a = C; a < i.length; ++a)
-      if (a !== C && (d += t), d += i[a], h = s[d], h !== void 0) {
-        if (["string", "number", "boolean"].indexOf(typeof h) > -1 && a < i.length - 1)
+    for (let o = C; o < i.length; ++o)
+      if (o !== C && (d += t), d += i[o], h = s[d], h !== void 0) {
+        if (["string", "number", "boolean"].indexOf(typeof h) > -1 && o < i.length - 1)
           continue;
-        C += a - C + 1;
+        C += o - C + 1;
         break;
       }
     s = h;
@@ -11355,12 +11365,12 @@ class G1 {
     for (var t = arguments.length, i = new Array(t > 1 ? t - 1 : 0), s = 1; s < t; s++)
       i[s - 1] = arguments[s];
     this.observers[e] && Array.from(this.observers[e].entries()).forEach((h) => {
-      let [d, a] = h;
-      for (let o = 0; o < a; o++)
+      let [d, o] = h;
+      for (let a = 0; a < o; a++)
         d(...i);
     }), this.observers["*"] && Array.from(this.observers["*"].entries()).forEach((h) => {
-      let [d, a] = h;
-      for (let o = 0; o < a; o++)
+      let [d, o] = h;
+      for (let a = 0; a < o; a++)
         d.apply(d, [e, ...i]);
     });
   }
@@ -11385,8 +11395,8 @@ class C2 extends G1 {
     const C = s.keySeparator !== void 0 ? s.keySeparator : this.options.keySeparator, h = s.ignoreJSONStructure !== void 0 ? s.ignoreJSONStructure : this.options.ignoreJSONStructure;
     let d;
     e.indexOf(".") > -1 ? d = e.split(".") : (d = [e, t], i && (Array.isArray(i) ? d.push(...i) : Z(i) && C ? d.push(...i.split(C)) : d.push(i)));
-    const a = E1(this.data, d);
-    return !a && !t && !i && e.indexOf(".") > -1 && (e = d[0], t = d[1], i = d.slice(2).join(".")), a || !h || !Z(i) ? a : P1(this.data && this.data[e] && this.data[e][t], i, C);
+    const o = E1(this.data, d);
+    return !o && !t && !i && e.indexOf(".") > -1 && (e = d[0], t = d[1], i = d.slice(2).join(".")), o || !h || !Z(i) ? o : P1(this.data && this.data[e] && this.data[e][t], i, C);
   }
   addResource(e, t, i, s) {
     let C = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {
@@ -11412,11 +11422,11 @@ class C2 extends G1 {
       skipCopy: !1
     }, d = [e, t];
     e.indexOf(".") > -1 && (d = e.split("."), s = i, i = t, t = d[1]), this.addNamespaces(t);
-    let a = E1(this.data, d) || {};
-    h.skipCopy || (i = JSON.parse(JSON.stringify(i))), s ? V2(a, i, C) : a = {
-      ...a,
+    let o = E1(this.data, d) || {};
+    h.skipCopy || (i = JSON.parse(JSON.stringify(i))), s ? V2(o, i, C) : o = {
+      ...o,
       ...i
-    }, r2(this.data, d, a), h.silent || this.emit("added", e, t, i);
+    }, r2(this.data, d, o), h.silent || this.emit("added", e, t, i);
   }
   removeResourceBundle(e, t) {
     this.hasResourceBundle(e, t) && delete this.data[e][t], this.removeNamespaces(t), this.emit("removed", e, t);
@@ -11476,14 +11486,14 @@ class S1 extends G1 {
     let C = t.ns || this.options.defaultNS || [];
     const h = i && e.indexOf(i) > -1, d = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !X6(e, i, s);
     if (h && !d) {
-      const a = e.match(this.interpolator.nestingRegexp);
-      if (a && a.length > 0)
+      const o = e.match(this.interpolator.nestingRegexp);
+      if (o && o.length > 0)
         return {
           key: e,
           namespaces: Z(C) ? [C] : C
         };
-      const o = e.split(i);
-      (i !== s || i === s && this.options.ns.indexOf(o[0]) > -1) && (C = o.shift()), e = o.join(s);
+      const a = e.split(i);
+      (i !== s || i === s && this.options.ns.indexOf(a[0]) > -1) && (C = a.shift()), e = a.join(s);
     }
     return {
       key: e,
@@ -11498,42 +11508,42 @@ class S1 extends G1 {
     const s = t.returnDetails !== void 0 ? t.returnDetails : this.options.returnDetails, C = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator, {
       key: h,
       namespaces: d
-    } = this.extractFromKey(e[e.length - 1], t), a = d[d.length - 1], o = t.lng || this.language, r = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
-    if (o && o.toLowerCase() === "cimode") {
+    } = this.extractFromKey(e[e.length - 1], t), o = d[d.length - 1], a = t.lng || this.language, r = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
+    if (a && a.toLowerCase() === "cimode") {
       if (r) {
         const u = t.nsSeparator || this.options.nsSeparator;
         return s ? {
-          res: `${a}${u}${h}`,
+          res: `${o}${u}${h}`,
           usedKey: h,
           exactUsedKey: h,
-          usedLng: o,
-          usedNS: a,
+          usedLng: a,
+          usedNS: o,
           usedParams: this.getUsedParamsDetails(t)
-        } : `${a}${u}${h}`;
+        } : `${o}${u}${h}`;
       }
       return s ? {
         res: h,
         usedKey: h,
         exactUsedKey: h,
-        usedLng: o,
-        usedNS: a,
+        usedLng: a,
+        usedNS: o,
         usedParams: this.getUsedParamsDetails(t)
       } : h;
     }
-    const p = this.resolve(e, t);
-    let w = p && p.res;
-    const f = p && p.usedKey || h, k = p && p.exactUsedKey || h, M = Object.prototype.toString.apply(w), v = ["[object Number]", "[object Function]", "[object RegExp]"], A = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, V = !this.i18nFormat || this.i18nFormat.handleAsObject, D = !Z(w) && typeof w != "boolean" && typeof w != "number";
+    const f = this.resolve(e, t);
+    let w = f && f.res;
+    const p = f && f.usedKey || h, k = f && f.exactUsedKey || h, M = Object.prototype.toString.apply(w), v = ["[object Number]", "[object Function]", "[object RegExp]"], A = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, V = !this.i18nFormat || this.i18nFormat.handleAsObject, D = !Z(w) && typeof w != "boolean" && typeof w != "number";
     if (V && w && D && v.indexOf(M) < 0 && !(Z(A) && Array.isArray(w))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
-        const u = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(f, w, {
+        const u = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, w, {
           ...t,
           ns: d
         }) : `key '${h} (${this.language})' returned an object instead of string.`;
-        return s ? (p.res = u, p.usedParams = this.getUsedParamsDetails(t), p) : u;
+        return s ? (f.res = u, f.usedParams = this.getUsedParamsDetails(t), f) : u;
       }
       if (C) {
-        const u = Array.isArray(w), L = u ? [] : {}, x = u ? k : f;
+        const u = Array.isArray(w), L = u ? [] : {}, x = u ? k : p;
         for (const m in w)
           if (Object.prototype.hasOwnProperty.call(w, m)) {
             const Y = `${x}${C}${m}`;
@@ -11549,13 +11559,13 @@ class S1 extends G1 {
       w = w.join(A), w && (w = this.extendTranslation(w, e, t, i));
     else {
       let u = !1, L = !1;
-      const x = t.count !== void 0 && !Z(t.count), m = S1.hasDefaultValue(t), Y = x ? this.pluralResolver.getSuffix(o, t.count, t) : "", $ = t.ordinal && x ? this.pluralResolver.getSuffix(o, t.count, {
+      const x = t.count !== void 0 && !Z(t.count), m = S1.hasDefaultValue(t), Y = x ? this.pluralResolver.getSuffix(a, t.count, t) : "", $ = t.ordinal && x ? this.pluralResolver.getSuffix(a, t.count, {
         ordinal: !1
       }) : "", Q = x && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), R = Q && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${Y}`] || t[`defaultValue${$}`] || t.defaultValue;
       !this.isValidLookup(w) && m && (u = !0, w = R), this.isValidLookup(w) || (L = !0, w = h);
       const T = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && L ? void 0 : w, P = m && R !== w && this.options.updateMissing;
       if (L || u || P) {
-        if (this.logger.log(P ? "updateKey" : "missingKey", o, a, h, P ? R : w), C) {
+        if (this.logger.log(P ? "updateKey" : "missingKey", a, o, h, P ? R : w), C) {
           const H = this.resolve(h, {
             ...t,
             keySeparator: !1
@@ -11570,7 +11580,7 @@ class S1 extends G1 {
         else this.options.saveMissingTo === "all" ? K = this.languageUtils.toResolveHierarchy(t.lng || this.language) : K.push(t.lng || this.language);
         const W = (H, _, B) => {
           const n1 = m && B !== w ? B : T;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(H, a, _, n1, P, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(H, a, _, n1, P, t), this.emit("missingKey", H, a, _, w);
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(H, o, _, n1, P, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(H, o, _, n1, P, t), this.emit("missingKey", H, o, _, w);
         };
         this.options.saveMissing && (this.options.saveMissingPlurals && x ? K.forEach((H) => {
           const _ = this.pluralResolver.getSuffixes(H, t);
@@ -11579,9 +11589,9 @@ class S1 extends G1 {
           });
         }) : W(K, h, R));
       }
-      w = this.extendTranslation(w, e, t, p, i), L && w === h && this.options.appendNamespaceToMissingKey && (w = `${a}:${h}`), (L || u) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? w = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${a}:${h}` : h, u ? w : void 0) : w = this.options.parseMissingKeyHandler(w));
+      w = this.extendTranslation(w, e, t, f, i), L && w === h && this.options.appendNamespaceToMissingKey && (w = `${o}:${h}`), (L || u) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? w = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${o}:${h}` : h, u ? w : void 0) : w = this.options.parseMissingKeyHandler(w));
     }
-    return s ? (p.res = w, p.usedParams = this.getUsedParamsDetails(t), p) : w;
+    return s ? (f.res = w, f.usedParams = this.getUsedParamsDetails(t), f) : w;
   }
   extendTranslation(e, t, i, s, C) {
     var h = this;
@@ -11600,28 +11610,28 @@ class S1 extends G1 {
           ...i.interpolation
         }
       });
-      const o = Z(e) && (i && i.interpolation && i.interpolation.skipOnVariables !== void 0 ? i.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
+      const a = Z(e) && (i && i.interpolation && i.interpolation.skipOnVariables !== void 0 ? i.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
       let r;
-      if (o) {
+      if (a) {
         const w = e.match(this.interpolator.nestingRegexp);
         r = w && w.length;
       }
-      let p = i.replace && !Z(i.replace) ? i.replace : i;
-      if (this.options.interpolation.defaultVariables && (p = {
+      let f = i.replace && !Z(i.replace) ? i.replace : i;
+      if (this.options.interpolation.defaultVariables && (f = {
         ...this.options.interpolation.defaultVariables,
-        ...p
-      }), e = this.interpolator.interpolate(e, p, i.lng || this.language || s.usedLng, i), o) {
-        const w = e.match(this.interpolator.nestingRegexp), f = w && w.length;
-        r < f && (i.nest = !1);
+        ...f
+      }), e = this.interpolator.interpolate(e, f, i.lng || this.language || s.usedLng, i), a) {
+        const w = e.match(this.interpolator.nestingRegexp), p = w && w.length;
+        r < p && (i.nest = !1);
       }
       !i.lng && this.options.compatibilityAPI !== "v1" && s && s.res && (i.lng = this.language || s.usedLng), i.nest !== !1 && (e = this.interpolator.nest(e, function() {
-        for (var w = arguments.length, f = new Array(w), k = 0; k < w; k++)
-          f[k] = arguments[k];
-        return C && C[0] === f[0] && !i.context ? (h.logger.warn(`It seems you are nesting recursively key: ${f[0]} in key: ${t[0]}`), null) : h.translate(...f, t);
+        for (var w = arguments.length, p = new Array(w), k = 0; k < w; k++)
+          p[k] = arguments[k];
+        return C && C[0] === p[0] && !i.context ? (h.logger.warn(`It seems you are nesting recursively key: ${p[0]} in key: ${t[0]}`), null) : h.translate(...p, t);
       }, i)), i.interpolation && this.interpolator.reset();
     }
-    const d = i.postProcess || this.options.postProcess, a = Z(d) ? [d] : d;
-    return e != null && a && a.length && i.applyPostProcessor !== !1 && (e = R2.handle(a, e, t, this.options && this.options.postProcessPassResolved ? {
+    const d = i.postProcess || this.options.postProcess, o = Z(d) ? [d] : d;
+    return e != null && o && o.length && i.applyPostProcessor !== !1 && (e = R2.handle(o, e, t, this.options && this.options.postProcessPassResolved ? {
       i18nResolved: {
         ...s,
         usedParams: this.getUsedParamsDetails(i)
@@ -11631,14 +11641,14 @@ class S1 extends G1 {
   }
   resolve(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i, s, C, h, d;
-    return Z(e) && (e = [e]), e.forEach((a) => {
+    return Z(e) && (e = [e]), e.forEach((o) => {
       if (this.isValidLookup(i)) return;
-      const o = this.extractFromKey(a, t), r = o.key;
+      const a = this.extractFromKey(o, t), r = a.key;
       s = r;
-      let p = o.namespaces;
-      this.options.fallbackNS && (p = p.concat(this.options.fallbackNS));
-      const w = t.count !== void 0 && !Z(t.count), f = w && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), k = t.context !== void 0 && (Z(t.context) || typeof t.context == "number") && t.context !== "", M = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
-      p.forEach((v) => {
+      let f = a.namespaces;
+      this.options.fallbackNS && (f = f.concat(this.options.fallbackNS));
+      const w = t.count !== void 0 && !Z(t.count), p = w && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), k = t.context !== void 0 && (Z(t.context) || typeof t.context == "number") && t.context !== "", M = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      f.forEach((v) => {
         this.isValidLookup(i) || (d = v, !h2[`${M[0]}-${v}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(d) && (h2[`${M[0]}-${v}`] = !0, this.logger.warn(`key "${s}" for languages "${M.join(", ")}" won't get resolved as namespace "${d}" 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!!!")), M.forEach((A) => {
           if (this.isValidLookup(i)) return;
           h = A;
@@ -11649,9 +11659,9 @@ class S1 extends G1 {
             let u;
             w && (u = this.pluralResolver.getSuffix(A, t.count, t));
             const L = `${this.options.pluralSeparator}zero`, x = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (w && (V.push(r + u), t.ordinal && u.indexOf(x) === 0 && V.push(r + u.replace(x, this.options.pluralSeparator)), f && V.push(r + L)), k) {
+            if (w && (V.push(r + u), t.ordinal && u.indexOf(x) === 0 && V.push(r + u.replace(x, this.options.pluralSeparator)), p && V.push(r + L)), k) {
               const m = `${r}${this.options.contextSeparator}${t.context}`;
-              V.push(m), w && (V.push(m + u), t.ordinal && u.indexOf(x) === 0 && V.push(m + u.replace(x, this.options.pluralSeparator)), f && V.push(m + L));
+              V.push(m), w && (V.push(m + u), t.ordinal && u.indexOf(x) === 0 && V.push(m + u.replace(x, this.options.pluralSeparator)), p && V.push(m + L));
             }
           }
           let D;
@@ -11925,8 +11935,8 @@ class o8 {
         });
       } catch {
         if (!e.match(/-|_/)) return;
-        const a = this.languageUtils.getLanguagePartFromCode(e);
-        h = this.getRule(a, t);
+        const o = this.languageUtils.getLanguagePartFromCode(e);
+        h = this.getRule(o, t);
       }
       return this.pluralRulesCache[C] = h, h;
     }
@@ -11983,19 +11993,19 @@ class a8 {
       prefix: C,
       prefixEscaped: h,
       suffix: d,
-      suffixEscaped: a,
-      formatSeparator: o,
+      suffixEscaped: o,
+      formatSeparator: a,
       unescapeSuffix: r,
-      unescapePrefix: p,
+      unescapePrefix: f,
       nestingPrefix: w,
-      nestingPrefixEscaped: f,
+      nestingPrefixEscaped: p,
       nestingSuffix: k,
       nestingSuffixEscaped: M,
       nestingOptionsSeparator: v,
       maxReplaces: A,
       alwaysFormat: V
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : z6, this.escapeValue = i !== void 0 ? i : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = C ? f1(C) : h || "{{", this.suffix = d ? f1(d) : a || "}}", this.formatSeparator = o || ",", this.unescapePrefix = r ? "" : p || "-", this.unescapeSuffix = this.unescapePrefix ? "" : r || "", this.nestingPrefix = w ? f1(w) : f || f1("$t("), this.nestingSuffix = k ? f1(k) : M || f1(")"), this.nestingOptionsSeparator = v || ",", this.maxReplaces = A || 1e3, this.alwaysFormat = V !== void 0 ? V : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : z6, this.escapeValue = i !== void 0 ? i : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = C ? f1(C) : h || "{{", this.suffix = d ? f1(d) : o || "}}", this.formatSeparator = a || ",", this.unescapePrefix = r ? "" : f || "-", this.unescapeSuffix = this.unescapePrefix ? "" : r || "", this.nestingPrefix = w ? f1(w) : p || f1("$t("), this.nestingSuffix = k ? f1(k) : M || f1(")"), this.nestingOptionsSeparator = v || ",", this.maxReplaces = A || 1e3, this.alwaysFormat = V !== void 0 ? V : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -12006,83 +12016,83 @@ class a8 {
   }
   interpolate(e, t, i, s) {
     let C, h, d;
-    const a = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, o = (f) => {
-      if (f.indexOf(this.formatSeparator) < 0) {
-        const A = g2(t, a, f, this.options.keySeparator, this.options.ignoreJSONStructure);
+    const o = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, a = (p) => {
+      if (p.indexOf(this.formatSeparator) < 0) {
+        const A = g2(t, o, p, this.options.keySeparator, this.options.ignoreJSONStructure);
         return this.alwaysFormat ? this.format(A, void 0, i, {
           ...s,
           ...t,
-          interpolationkey: f
+          interpolationkey: p
         }) : A;
       }
-      const k = f.split(this.formatSeparator), M = k.shift().trim(), v = k.join(this.formatSeparator).trim();
-      return this.format(g2(t, a, M, this.options.keySeparator, this.options.ignoreJSONStructure), v, i, {
+      const k = p.split(this.formatSeparator), M = k.shift().trim(), v = k.join(this.formatSeparator).trim();
+      return this.format(g2(t, o, M, this.options.keySeparator, this.options.ignoreJSONStructure), v, i, {
         ...s,
         ...t,
         interpolationkey: M
       });
     };
     this.resetRegExp();
-    const r = s && s.missingInterpolationHandler || this.options.missingInterpolationHandler, p = s && s.interpolation && s.interpolation.skipOnVariables !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
+    const r = s && s.missingInterpolationHandler || this.options.missingInterpolationHandler, f = s && s.interpolation && s.interpolation.skipOnVariables !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
     return [{
       regex: this.regexpUnescape,
-      safeValue: (f) => O1(f)
+      safeValue: (p) => O1(p)
     }, {
       regex: this.regexp,
-      safeValue: (f) => this.escapeValue ? O1(this.escape(f)) : O1(f)
-    }].forEach((f) => {
-      for (d = 0; C = f.regex.exec(e); ) {
+      safeValue: (p) => this.escapeValue ? O1(this.escape(p)) : O1(p)
+    }].forEach((p) => {
+      for (d = 0; C = p.regex.exec(e); ) {
         const k = C[1].trim();
-        if (h = o(k), h === void 0)
+        if (h = a(k), h === void 0)
           if (typeof r == "function") {
             const v = r(e, C, s);
             h = Z(v) ? v : "";
           } else if (s && Object.prototype.hasOwnProperty.call(s, k))
             h = "";
-          else if (p) {
+          else if (f) {
             h = C[0];
             continue;
           } else
             this.logger.warn(`missed to pass in variable ${k} for interpolating ${e}`), h = "";
         else !Z(h) && !this.useRawValueToEscape && (h = n2(h));
-        const M = f.safeValue(h);
-        if (e = e.replace(C[0], M), p ? (f.regex.lastIndex += h.length, f.regex.lastIndex -= C[0].length) : f.regex.lastIndex = 0, d++, d >= this.maxReplaces)
+        const M = p.safeValue(h);
+        if (e = e.replace(C[0], M), f ? (p.regex.lastIndex += h.length, p.regex.lastIndex -= C[0].length) : p.regex.lastIndex = 0, d++, d >= this.maxReplaces)
           break;
       }
     }), e;
   }
   nest(e, t) {
     let i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, s, C, h;
-    const d = (a, o) => {
+    const d = (o, a) => {
       const r = this.nestingOptionsSeparator;
-      if (a.indexOf(r) < 0) return a;
-      const p = a.split(new RegExp(`${r}[ ]*{`));
-      let w = `{${p[1]}`;
-      a = p[0], w = this.interpolate(w, h);
-      const f = w.match(/'/g), k = w.match(/"/g);
-      (f && f.length % 2 === 0 && !k || k.length % 2 !== 0) && (w = w.replace(/'/g, '"'));
+      if (o.indexOf(r) < 0) return o;
+      const f = o.split(new RegExp(`${r}[ ]*{`));
+      let w = `{${f[1]}`;
+      o = f[0], w = this.interpolate(w, h);
+      const p = w.match(/'/g), k = w.match(/"/g);
+      (p && p.length % 2 === 0 && !k || k.length % 2 !== 0) && (w = w.replace(/'/g, '"'));
       try {
-        h = JSON.parse(w), o && (h = {
-          ...o,
+        h = JSON.parse(w), a && (h = {
+          ...a,
           ...h
         });
       } catch (M) {
-        return this.logger.warn(`failed parsing options string in nesting for key ${a}`, M), `${a}${r}${w}`;
+        return this.logger.warn(`failed parsing options string in nesting for key ${o}`, M), `${o}${r}${w}`;
       }
-      return h.defaultValue && h.defaultValue.indexOf(this.prefix) > -1 && delete h.defaultValue, a;
+      return h.defaultValue && h.defaultValue.indexOf(this.prefix) > -1 && delete h.defaultValue, o;
     };
     for (; s = this.nestingRegexp.exec(e); ) {
-      let a = [];
+      let o = [];
       h = {
         ...i
       }, h = h.replace && !Z(h.replace) ? h.replace : h, h.applyPostProcessor = !1, delete h.defaultValue;
-      let o = !1;
+      let a = !1;
       if (s[0].indexOf(this.formatSeparator) !== -1 && !/{.*}/.test(s[1])) {
-        const r = s[1].split(this.formatSeparator).map((p) => p.trim());
-        s[1] = r.shift(), a = r, o = !0;
+        const r = s[1].split(this.formatSeparator).map((f) => f.trim());
+        s[1] = r.shift(), o = r, a = !0;
       }
       if (C = t(d.call(this, s[1].trim(), h), h), C && s[0] === e && !Z(C)) return C;
-      Z(C) || (C = n2(C)), C || (this.logger.warn(`missed to resolve ${s[1]} for nesting ${e}`), C = ""), o && (C = a.reduce((r, p) => this.format(r, p, i.lng, {
+      Z(C) || (C = n2(C)), C || (this.logger.warn(`missed to resolve ${s[1]} for nesting ${e}`), C = ""), a && (C = o.reduce((r, f) => this.format(r, f, i.lng, {
         ...i,
         interpolationkey: s[1].trim()
       }), C.trim())), e = e.replace(s[0], C), this.regexp.lastIndex = 0;
@@ -12099,8 +12109,8 @@ const r8 = (l) => {
     const s = i[1].substring(0, i[1].length - 1);
     e === "currency" && s.indexOf(":") < 0 ? t.currency || (t.currency = s.trim()) : e === "relativetime" && s.indexOf(":") < 0 ? t.range || (t.range = s.trim()) : s.split(";").forEach((h) => {
       if (h) {
-        const [d, ...a] = h.split(":"), o = a.join(":").trim().replace(/^'+|'+$/g, ""), r = d.trim();
-        t[r] || (t[r] = o), o === "false" && (t[r] = !1), o === "true" && (t[r] = !0), isNaN(o) || (t[r] = parseInt(o, 10));
+        const [d, ...o] = h.split(":"), a = o.join(":").trim().replace(/^'+|'+$/g, ""), r = d.trim();
+        t[r] || (t[r] = a), a === "false" && (t[r] = !1), a === "true" && (t[r] = !0), isNaN(a) || (t[r] = parseInt(a, 10));
       }
     });
   }
@@ -12174,19 +12184,19 @@ class C8 {
     let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
     const C = t.split(this.formatSeparator);
     if (C.length > 1 && C[0].indexOf("(") > 1 && C[0].indexOf(")") < 0 && C.find((d) => d.indexOf(")") > -1)) {
-      const d = C.findIndex((a) => a.indexOf(")") > -1);
+      const d = C.findIndex((o) => o.indexOf(")") > -1);
       C[0] = [C[0], ...C.splice(1, d)].join(this.formatSeparator);
     }
-    return C.reduce((d, a) => {
+    return C.reduce((d, o) => {
       const {
-        formatName: o,
+        formatName: a,
         formatOptions: r
-      } = r8(a);
-      if (this.formats[o]) {
-        let p = d;
+      } = r8(o);
+      if (this.formats[a]) {
+        let f = d;
         try {
-          const w = s && s.formatParams && s.formatParams[s.interpolationkey] || {}, f = w.locale || w.lng || s.locale || s.lng || i;
-          p = this.formats[o](d, f, {
+          const w = s && s.formatParams && s.formatParams[s.interpolationkey] || {}, p = w.locale || w.lng || s.locale || s.lng || i;
+          f = this.formats[a](d, p, {
             ...r,
             ...s,
             ...w
@@ -12194,9 +12204,9 @@ class C8 {
         } catch (w) {
           this.logger.warn(w);
         }
-        return p;
+        return f;
       } else
-        this.logger.warn(`there was no format function for ${o}`);
+        this.logger.warn(`there was no format function for ${a}`);
       return d;
     }, e);
   }
@@ -12210,13 +12220,13 @@ class c8 extends G1 {
     super(), this.backend = e, this.store = t, this.services = i, this.languageUtils = i.languageUtils, this.options = s, this.logger = t1.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = s.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = s.maxRetries >= 0 ? s.maxRetries : 5, this.retryTimeout = s.retryTimeout >= 1 ? s.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(i, s.backend, s);
   }
   queueLoad(e, t, i, s) {
-    const C = {}, h = {}, d = {}, a = {};
-    return e.forEach((o) => {
+    const C = {}, h = {}, d = {}, o = {};
+    return e.forEach((a) => {
       let r = !0;
-      t.forEach((p) => {
-        const w = `${o}|${p}`;
-        !i.reload && this.store.hasResourceBundle(o, p) ? this.state[w] = 2 : this.state[w] < 0 || (this.state[w] === 1 ? h[w] === void 0 && (h[w] = !0) : (this.state[w] = 1, r = !1, h[w] === void 0 && (h[w] = !0), C[w] === void 0 && (C[w] = !0), a[p] === void 0 && (a[p] = !0)));
-      }), r || (d[o] = !0);
+      t.forEach((f) => {
+        const w = `${a}|${f}`;
+        !i.reload && this.store.hasResourceBundle(a, f) ? this.state[w] = 2 : this.state[w] < 0 || (this.state[w] === 1 ? h[w] === void 0 && (h[w] = !0) : (this.state[w] = 1, r = !1, h[w] === void 0 && (h[w] = !0), C[w] === void 0 && (C[w] = !0), o[f] === void 0 && (o[f] = !0)));
+      }), r || (d[a] = !0);
     }), (Object.keys(C).length || Object.keys(h).length) && this.queue.push({
       pending: h,
       pendingCount: Object.keys(h).length,
@@ -12227,7 +12237,7 @@ class c8 extends G1 {
       toLoad: Object.keys(C),
       pending: Object.keys(h),
       toLoadLanguages: Object.keys(d),
-      toLoadNamespaces: Object.keys(a)
+      toLoadNamespaces: Object.keys(o)
     };
   }
   loaded(e, t, i) {
@@ -12236,15 +12246,15 @@ class c8 extends G1 {
       skipCopy: !0
     }), this.state[e] = t ? -1 : 2, t && i && (this.state[e] = 0);
     const d = {};
-    this.queue.forEach((a) => {
-      F6(a.loaded, [C], h), h8(a, e), t && a.errors.push(t), a.pendingCount === 0 && !a.done && (Object.keys(a.loaded).forEach((o) => {
-        d[o] || (d[o] = {});
-        const r = a.loaded[o];
-        r.length && r.forEach((p) => {
-          d[o][p] === void 0 && (d[o][p] = !0);
+    this.queue.forEach((o) => {
+      F6(o.loaded, [C], h), h8(o, e), t && o.errors.push(t), o.pendingCount === 0 && !o.done && (Object.keys(o.loaded).forEach((a) => {
+        d[a] || (d[a] = {});
+        const r = o.loaded[a];
+        r.length && r.forEach((f) => {
+          d[a][f] === void 0 && (d[a][f] = !0);
         });
-      }), a.done = !0, a.errors.length ? a.callback(a.errors) : a.callback());
-    }), this.emit("loaded", d), this.queue = this.queue.filter((a) => !a.done);
+      }), o.done = !0, o.errors.length ? o.callback(o.errors) : o.callback());
+    }), this.emit("loaded", d), this.queue = this.queue.filter((o) => !o.done);
   }
   read(e, t, i) {
     let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0, C = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : this.retryTimeout, h = arguments.length > 5 ? arguments[5] : void 0;
@@ -12261,29 +12271,29 @@ class c8 extends G1 {
       return;
     }
     this.readingCalls++;
-    const d = (o, r) => {
+    const d = (a, r) => {
       if (this.readingCalls--, this.waitingReads.length > 0) {
-        const p = this.waitingReads.shift();
-        this.read(p.lng, p.ns, p.fcName, p.tried, p.wait, p.callback);
+        const f = this.waitingReads.shift();
+        this.read(f.lng, f.ns, f.fcName, f.tried, f.wait, f.callback);
       }
-      if (o && r && s < this.maxRetries) {
+      if (a && r && s < this.maxRetries) {
         setTimeout(() => {
           this.read.call(this, e, t, i, s + 1, C * 2, h);
         }, C);
         return;
       }
-      h(o, r);
-    }, a = this.backend[i].bind(this.backend);
-    if (a.length === 2) {
+      h(a, r);
+    }, o = this.backend[i].bind(this.backend);
+    if (o.length === 2) {
       try {
-        const o = a(e, t);
-        o && typeof o.then == "function" ? o.then((r) => d(null, r)).catch(d) : d(null, o);
-      } catch (o) {
-        d(o);
+        const a = o(e, t);
+        a && typeof a.then == "function" ? a.then((r) => d(null, r)).catch(d) : d(null, a);
+      } catch (a) {
+        d(a);
       }
       return;
     }
-    return a(e, t, d);
+    return o(e, t, d);
   }
   prepareLoading(e, t) {
     let i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, s = arguments.length > 3 ? arguments[3] : void 0;
@@ -12321,19 +12331,19 @@ class c8 extends G1 {
     }
     if (!(i == null || i === "")) {
       if (this.backend && this.backend.create) {
-        const a = {
+        const o = {
           ...h,
           isUpdate: C
-        }, o = this.backend.create.bind(this.backend);
-        if (o.length < 6)
+        }, a = this.backend.create.bind(this.backend);
+        if (a.length < 6)
           try {
             let r;
-            o.length === 5 ? r = o(e, t, i, s, a) : r = o(e, t, i, s), r && typeof r.then == "function" ? r.then((p) => d(null, p)).catch(d) : d(null, r);
+            a.length === 5 ? r = a(e, t, i, s, o) : r = a(e, t, i, s), r && typeof r.then == "function" ? r.then((f) => d(null, f)).catch(d) : d(null, r);
           } catch (r) {
             d(r);
           }
         else
-          o(e, t, i, s, d, a);
+          a(e, t, i, s, d, o);
       }
       !e || !e[0] || this.store.addResource(e[0], t, i, s);
     }
@@ -12432,25 +12442,25 @@ class k1 extends G1 {
       this.modules.logger ? t1.init(C(this.modules.logger), this.options) : t1.init(null, this.options);
       let r;
       this.modules.formatter ? r = this.modules.formatter : typeof Intl < "u" && (r = C8);
-      const p = new c2(this.options);
+      const f = new c2(this.options);
       this.store = new C2(this.options.resources, this.options);
       const w = this.services;
-      w.logger = t1, w.resourceStore = this.store, w.languageUtils = p, w.pluralResolver = new o8(p, {
+      w.logger = t1, w.resourceStore = this.store, w.languageUtils = f, w.pluralResolver = new o8(f, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
       }), r && (!this.options.interpolation.format || this.options.interpolation.format === s.interpolation.format) && (w.formatter = C(r), w.formatter.init(w, this.options), this.options.interpolation.format = w.formatter.format.bind(w.formatter)), w.interpolator = new a8(this.options), w.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      }, w.backendConnector = new c8(C(this.modules.backend), w.resourceStore, w, this.options), w.backendConnector.on("*", function(f) {
+      }, w.backendConnector = new c8(C(this.modules.backend), w.resourceStore, w, this.options), w.backendConnector.on("*", function(p) {
         for (var k = arguments.length, M = new Array(k > 1 ? k - 1 : 0), v = 1; v < k; v++)
           M[v - 1] = arguments[v];
-        e.emit(f, ...M);
-      }), this.modules.languageDetector && (w.languageDetector = C(this.modules.languageDetector), w.languageDetector.init && w.languageDetector.init(w, this.options.detection, this.options)), this.modules.i18nFormat && (w.i18nFormat = C(this.modules.i18nFormat), w.i18nFormat.init && w.i18nFormat.init(this)), this.translator = new S1(this.services, this.options), this.translator.on("*", function(f) {
+        e.emit(p, ...M);
+      }), this.modules.languageDetector && (w.languageDetector = C(this.modules.languageDetector), w.languageDetector.init && w.languageDetector.init(w, this.options.detection, this.options)), this.modules.i18nFormat && (w.i18nFormat = C(this.modules.i18nFormat), w.i18nFormat.init && w.i18nFormat.init(this)), this.translator = new S1(this.services, this.options), this.translator.on("*", function(p) {
         for (var k = arguments.length, M = new Array(k > 1 ? k - 1 : 0), v = 1; v < k; v++)
           M[v - 1] = arguments[v];
-        e.emit(f, ...M);
-      }), this.modules.external.forEach((f) => {
-        f.init && f.init(this);
+        e.emit(p, ...M);
+      }), this.modules.external.forEach((p) => {
+        p.init && p.init(this);
       });
     }
     if (this.format = this.options.interpolation.format, i || (i = y1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
@@ -12466,14 +12476,14 @@ class k1 extends G1 {
         return e.store[r](...arguments), e;
       };
     });
-    const a = L1(), o = () => {
-      const r = (p, w) => {
-        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), a.resolve(w), i(p, w);
+    const o = L1(), a = () => {
+      const r = (f, w) => {
+        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), o.resolve(w), i(f, w);
       };
       if (this.languages && this.options.compatibilityAPI !== "v1" && !this.isInitialized) return r(null, this.t.bind(this));
       this.changeLanguage(this.options.lng, r);
     };
-    return this.options.resources || !this.options.initImmediate ? o() : setTimeout(o, 0), a;
+    return this.options.resources || !this.options.initImmediate ? a() : setTimeout(a, 0), o;
   }
   loadResources(e) {
     let i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : y1;
@@ -12482,11 +12492,11 @@ class k1 extends G1 {
       if (s && s.toLowerCase() === "cimode" && (!this.options.preload || this.options.preload.length === 0)) return i();
       const C = [], h = (d) => {
         if (!d || d === "cimode") return;
-        this.services.languageUtils.toResolveHierarchy(d).forEach((o) => {
-          o !== "cimode" && C.indexOf(o) < 0 && C.push(o);
+        this.services.languageUtils.toResolveHierarchy(d).forEach((a) => {
+          a !== "cimode" && C.indexOf(a) < 0 && C.push(a);
         });
       };
-      s ? h(s) : this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((a) => h(a)), this.options.preload && this.options.preload.forEach((d) => h(d)), this.services.backendConnector.load(C, this.options.ns, (d) => {
+      s ? h(s) : this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((o) => h(o)), this.options.preload && this.options.preload.forEach((d) => h(d)), this.services.backendConnector.load(C, this.options.ns, (d) => {
         !d && !this.resolvedLanguage && this.language && this.setResolvedLanguage(this.language), i(d);
       });
     } else
@@ -12518,19 +12528,19 @@ class k1 extends G1 {
     this.isLanguageChangingTo = e;
     const s = L1();
     this.emit("languageChanging", e);
-    const C = (a) => {
-      this.language = a, this.languages = this.services.languageUtils.toResolveHierarchy(a), this.resolvedLanguage = void 0, this.setResolvedLanguage(a);
-    }, h = (a, o) => {
-      o ? (C(o), this.translator.changeLanguage(o), this.isLanguageChangingTo = void 0, this.emit("languageChanged", o), this.logger.log("languageChanged", o)) : this.isLanguageChangingTo = void 0, s.resolve(function() {
+    const C = (o) => {
+      this.language = o, this.languages = this.services.languageUtils.toResolveHierarchy(o), this.resolvedLanguage = void 0, this.setResolvedLanguage(o);
+    }, h = (o, a) => {
+      a ? (C(a), this.translator.changeLanguage(a), this.isLanguageChangingTo = void 0, this.emit("languageChanged", a), this.logger.log("languageChanged", a)) : this.isLanguageChangingTo = void 0, s.resolve(function() {
         return i.t(...arguments);
-      }), t && t(a, function() {
+      }), t && t(o, function() {
         return i.t(...arguments);
       });
-    }, d = (a) => {
-      !e && !a && this.services.languageDetector && (a = []);
-      const o = Z(a) ? a : this.services.languageUtils.getBestMatchFromCodes(a);
-      o && (this.language || C(o), this.translator.language || this.translator.changeLanguage(o), this.services.languageDetector && this.services.languageDetector.cacheUserLanguage && this.services.languageDetector.cacheUserLanguage(o)), this.loadResources(o, (r) => {
-        h(r, o);
+    }, d = (o) => {
+      !e && !o && this.services.languageDetector && (o = []);
+      const a = Z(o) ? o : this.services.languageUtils.getBestMatchFromCodes(o);
+      a && (this.language || C(a), this.translator.language || this.translator.changeLanguage(a), this.services.languageDetector && this.services.languageDetector.cacheUserLanguage && this.services.languageDetector.cacheUserLanguage(a)), this.loadResources(a, (r) => {
+        h(r, a);
       });
     };
     return !e && this.services.languageDetector && !this.services.languageDetector.async ? d(this.services.languageDetector.detect()) : !e && this.services.languageDetector && this.services.languageDetector.async ? this.services.languageDetector.detect.length === 0 ? this.services.languageDetector.detect().then(d) : this.services.languageDetector.detect(d) : d(e), s;
@@ -12538,19 +12548,19 @@ class k1 extends G1 {
   getFixedT(e, t, i) {
     var s = this;
     const C = function(h, d) {
-      let a;
+      let o;
       if (typeof d != "object") {
-        for (var o = arguments.length, r = new Array(o > 2 ? o - 2 : 0), p = 2; p < o; p++)
-          r[p - 2] = arguments[p];
-        a = s.options.overloadTranslationOptionHandler([h, d].concat(r));
+        for (var a = arguments.length, r = new Array(a > 2 ? a - 2 : 0), f = 2; f < a; f++)
+          r[f - 2] = arguments[f];
+        o = s.options.overloadTranslationOptionHandler([h, d].concat(r));
       } else
-        a = {
+        o = {
           ...d
         };
-      a.lng = a.lng || C.lng, a.lngs = a.lngs || C.lngs, a.ns = a.ns || C.ns, a.keyPrefix !== "" && (a.keyPrefix = a.keyPrefix || i || C.keyPrefix);
+      o.lng = o.lng || C.lng, o.lngs = o.lngs || C.lngs, o.ns = o.ns || C.ns, o.keyPrefix !== "" && (o.keyPrefix = o.keyPrefix || i || C.keyPrefix);
       const w = s.options.keySeparator || ".";
-      let f;
-      return a.keyPrefix && Array.isArray(h) ? f = h.map((k) => `${a.keyPrefix}${w}${k}`) : f = a.keyPrefix ? `${a.keyPrefix}${w}${h}` : h, s.t(f, a);
+      let p;
+      return o.keyPrefix && Array.isArray(h) ? p = h.map((k) => `${o.keyPrefix}${w}${k}`) : p = o.keyPrefix ? `${o.keyPrefix}${w}${h}` : h, s.t(p, o);
     };
     return Z(e) ? C.lng = e : C.lngs = e, C.ns = t, C.keyPrefix = i, C;
   }
@@ -12571,9 +12581,9 @@ class k1 extends G1 {
       return this.logger.warn("hasLoadedNamespace: i18n.languages were undefined or empty", this.languages), !1;
     const i = t.lng || this.resolvedLanguage || this.languages[0], s = this.options ? this.options.fallbackLng : !1, C = this.languages[this.languages.length - 1];
     if (i.toLowerCase() === "cimode") return !0;
-    const h = (d, a) => {
-      const o = this.services.backendConnector.state[`${d}|${a}`];
-      return o === -1 || o === 0 || o === 2;
+    const h = (d, o) => {
+      const a = this.services.backendConnector.state[`${d}|${o}`];
+      return a === -1 || a === 0 || a === 2;
     };
     if (t.precheck) {
       const d = t.precheck(this, h);
@@ -12622,9 +12632,9 @@ class k1 extends G1 {
     }, C.services.utils = {
       hasLoadedNamespace: C.hasLoadedNamespace.bind(C)
     }, i && (C.store = new C2(this.store.data, s), C.services.resourceStore = C.store), C.translator = new S1(C.services, s), C.translator.on("*", function(d) {
-      for (var a = arguments.length, o = new Array(a > 1 ? a - 1 : 0), r = 1; r < a; r++)
-        o[r - 1] = arguments[r];
-      C.emit(d, ...o);
+      for (var o = arguments.length, a = new Array(o > 1 ? o - 1 : 0), r = 1; r < o; r++)
+        a[r - 1] = arguments[r];
+      C.emit(d, ...a);
     }), C.init(s, t), C.translator.options = s, C.translator.backendConnector.services.utils = {
       hasLoadedNamespace: C.hasLoadedNamespace.bind(C)
     }, C;
@@ -12684,13 +12694,13 @@ const Z8 = a1(
     onChange: C,
     onError: h,
     emptyOptionLabel: d,
-    showAvatar: a = !1,
-    clearable: o,
+    showAvatar: o = !1,
+    clearable: a,
     required: r,
-    error: p
+    error: f
   }, w) => {
-    const { axiosPeople: f, locale: k } = s1(c1), { t: M } = T6("common", { lng: k }), [v, A] = S([]), [V, D] = S(!0), u = J(v), L = J(null);
-    if (h1(w, () => L.current), !f)
+    const { axiosPeople: p, locale: k } = s1(c1), { t: M } = T6("common", { lng: k }), [v, A] = S([]), [V, D] = S(!0), u = J(v), L = J(null);
+    if (h1(w, () => L.current), !p)
       throw new Error(
         `UserSelect requires "axiosPeople" to fetch users.
                 Please provide it via SNMTUiContext.`
@@ -12709,7 +12719,7 @@ const Z8 = a1(
       }) => {
         var P, K, O;
         try {
-          const W = await f.post("v1/users/search", {
+          const W = await p.post("v1/users/search", {
             offset: R,
             limit: G,
             search: T,
@@ -12720,7 +12730,7 @@ const Z8 = a1(
             options: H.map((B) => ({
               value: B.id,
               label: x(B),
-              image: a ? B.avatarUrl : void 0,
+              image: o ? B.avatarUrl : void 0,
               imageFallbackText: B.avatarUrl ? "" : p2(`${B.firstName} ${B.lastName}`)
             })),
             count: _.count
@@ -12735,7 +12745,7 @@ const Z8 = a1(
           };
         }
       },
-      [f, l, x, a, h]
+      [p, l, x, o, h]
     ), Y = y(
       async (R) => {
         var G, T, P;
@@ -12744,7 +12754,7 @@ const Z8 = a1(
             (H) => !u.current.some((_) => _.value === H)
           );
           let O = [];
-          K.length && (O = (await f.post("v1/users/search", {
+          K.length && (O = (await p.post("v1/users/search", {
             filters: {
               id: K,
               status: [A1.ACTIVE, A1.ARCHIVED]
@@ -12753,7 +12763,7 @@ const Z8 = a1(
           const W = O.map((H) => ({
             value: H.id,
             label: x(H),
-            image: a ? H.avatarUrl : void 0,
+            image: o ? H.avatarUrl : void 0,
             imageFallbackText: H.avatarUrl ? "" : p2(`${H.firstName} ${H.lastName}`)
           }));
           return [...u.current, ...W];
@@ -12764,7 +12774,7 @@ const Z8 = a1(
           }), [];
         }
       },
-      [f, x, h, a]
+      [p, x, h, o]
     );
     F(() => {
       u.current = v;
@@ -12807,9 +12817,9 @@ const Z8 = a1(
       ref: L,
       placeholder: t,
       disabled: i,
-      clearable: o,
+      clearable: a,
       required: r,
-      error: p
+      error: f
     };
     return e && e !== "single" ? /* @__PURE__ */ n(
       t2,
@@ -12839,8 +12849,8 @@ const Z8 = a1(
   var t, i, s, C;
   let e = "";
   if (l) {
-    const h = l.trim().split(" ").filter(Boolean), d = ((i = (t = h[0]) == null ? void 0 : t[0]) == null ? void 0 : i.toUpperCase()) ?? "", a = ((C = (s = h[1]) == null ? void 0 : s[0]) == null ? void 0 : C.toUpperCase()) ?? "";
-    e = `${d}${a}`;
+    const h = l.trim().split(" ").filter(Boolean), d = ((i = (t = h[0]) == null ? void 0 : t[0]) == null ? void 0 : i.toUpperCase()) ?? "", o = ((C = (s = h[1]) == null ? void 0 : s[0]) == null ? void 0 : C.toUpperCase()) ?? "";
+    e = `${d}${o}`;
   }
   return e;
 };