npm - @snmt-react-ui/country-select - Versions diffs - 2.8.9 → 2.8.10 - Mend

@snmt-react-ui/country-select 2.8.9 → 2.8.10

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/country-select.js +797 -740
package/dist/index.css +1 -1
package/package.json +3 -3

package/dist/country-select.js CHANGED Viewed

@@ -1,24 +1,24 @@
 var C2 = Object.defineProperty;
 var g2 = (i, e, t) => e in i ? C2(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var V1 = (i, e, t) => g2(i, typeof e != "symbol" ? e + "" : e, t);
+var A1 = (i, e, t) => g2(i, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
-import { jsx as r, Fragment as W, jsxs as u } from "react/jsx-runtime";
+import { jsx as r, Fragment as U, jsxs as u } from "react/jsx-runtime";
 import { SNMTUiContext as u2 } from "@snmt-react-ui/core";
-import { Select as p2, Tag as f2, Flex as m2, Checkbox as w2, Avatar as L2, Typography as J1, Popover as k2 } from "antd";
-import { forwardRef as w1, useState as I, useRef as J, useEffect as A, useCallback as K, useContext as Q, createContext as t1, useImperativeHandle as Q1 } from "react";
+import { Select as p2, Tag as f2, Flex as m2, Checkbox as w2, Avatar as L2, Typography as y1, Popover as k2 } from "antd";
+import { forwardRef as h1, useState as I, useRef as W, useEffect as A, useCallback as K, useContext as Q, createContext as t1, useImperativeHandle as H1 } from "react";
 var v2 = Object.defineProperty, N2 = (i, e, t) => e in i ? v2(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, R2 = (i, e, t) => N2(i, e + "", t), x2 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function _2() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
       e[t] = arguments[t];
-    U(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
+    z(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
   }
 }
-const I1 = {};
+const Z1 = {};
 function x1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  U(e[0]) && I1[e[0]] || (U(e[0]) && (I1[e[0]] = /* @__PURE__ */ new Date()), _2(...e));
+  z(e[0]) && Z1[e[0]] || (z(e[0]) && (Z1[e[0]] = /* @__PURE__ */ new Date()), _2(...e));
 }
 const q1 = (i, e) => () => {
   if (i.isInitialized)
@@ -31,10 +31,10 @@ const q1 = (i, e) => () => {
     };
     i.on("initialized", t);
   }
-}, A1 = (i, e, t) => {
+}, O1 = (i, e, t) => {
   i.loadNamespaces(e, q1(i, t));
-}, Z1 = (i, e, t, s) => {
-  U(t) && (t = [t]), t.forEach((n) => {
+}, S1 = (i, e, t, s) => {
+  z(t) && (t = [t]), t.forEach((n) => {
     i.options.ns.indexOf(n) < 0 && i.options.ns.push(n);
   }), i.loadLanguages(e, q1(i, s));
 }, M2 = function(i, e) {
@@ -54,7 +54,7 @@ const q1 = (i, e) => () => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && s.services.backendConnector.backend && s.isLanguageChangingTo && !n(s.isLanguageChangingTo, i)) return !1;
     }
   }) : M2(i, e, t);
-}, U = (i) => typeof i == "string", y2 = (i) => typeof i == "object" && i !== null, H2 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, E2 = {
+}, z = (i) => typeof i == "string", y2 = (i) => typeof i == "object" && i !== null, H2 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, E2 = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -100,7 +100,7 @@ class G2 {
   }
 }
 const T2 = (i, e) => {
-  const t = J();
+  const t = W();
   return A(() => {
     t.current = i;
   }, [i, e]), t.current;
@@ -114,8 +114,8 @@ const T2 = (i, e) => {
   } = Q(D2) || {}, o = t || s || S2();
   if (o && !o.reportNamespaces && (o.reportNamespaces = new G2()), !o) {
     x1("You will need to pass in an i18next instance by using initReactI18next");
-    const f = (R, x) => U(x) ? x : y2(x) && U(x.defaultValue) ? x.defaultValue : Array.isArray(R) ? R[R.length - 1] : R, M = [f, {}, !1];
-    return M.t = f, M.i18n = {}, M.ready = !1, M;
+    const m = (R, x) => z(x) ? x : y2(x) && z(x.defaultValue) ? x.defaultValue : Array.isArray(R) ? R[R.length - 1] : R, M = [m, {}, !1];
+    return M.t = m, M.i18n = {}, M.ready = !1, M;
   }
   o.options.react && o.options.react.wait !== void 0 && x1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
@@ -127,34 +127,34 @@ const T2 = (i, e) => {
     keyPrefix: C
   } = c;
   let d = i;
-  d = U(d) ? [d] : d || ["translation"], o.reportNamespaces.addUsedNamespaces && o.reportNamespaces.addUsedNamespaces(d);
-  const l = (o.isInitialized || o.initializedStoreOnce) && d.every((f) => b2(f, o, c)), h = K2(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), g = () => h, p = () => X1(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), [k, N] = I(g);
-  let L = d.join();
-  e.lng && (L = `${e.lng}${L}`);
-  const y = T2(L), b = J(!0);
+  d = z(d) ? [d] : d || ["translation"], o.reportNamespaces.addUsedNamespaces && o.reportNamespaces.addUsedNamespaces(d);
+  const l = (o.isInitialized || o.initializedStoreOnce) && d.every((m) => b2(m, o, c)), h = K2(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), g = () => h, p = () => X1(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), [k, v] = I(g);
+  let f = d.join();
+  e.lng && (f = `${e.lng}${f}`);
+  const y = T2(f), b = W(!0);
   A(() => {
     const {
-      bindI18n: f,
+      bindI18n: m,
       bindI18nStore: M
     } = c;
-    b.current = !0, !l && !a && (e.lng ? Z1(o, e.lng, d, () => {
-      b.current && N(p);
-    }) : A1(o, d, () => {
-      b.current && N(p);
-    })), l && y && y !== L && b.current && N(p);
+    b.current = !0, !l && !a && (e.lng ? S1(o, e.lng, d, () => {
+      b.current && v(p);
+    }) : O1(o, d, () => {
+      b.current && v(p);
+    })), l && y && y !== f && b.current && v(p);
     const R = () => {
-      b.current && N(p);
+      b.current && v(p);
     };
-    return f && o && o.on(f, R), M && o && o.store.on(M, R), () => {
-      b.current = !1, f && o && f.split(" ").forEach((x) => o.off(x, R)), M && o && M.split(" ").forEach((x) => o.store.off(x, R));
+    return m && o && o.on(m, R), M && o && o.store.on(M, R), () => {
+      b.current = !1, m && o && m.split(" ").forEach((x) => o.off(x, R)), M && o && M.split(" ").forEach((x) => o.store.off(x, R));
     };
-  }, [o, L]), A(() => {
-    b.current && l && N(g);
+  }, [o, f]), A(() => {
+    b.current && l && v(g);
   }, [o, C, l]);
   const E = [k, o, l];
   if (E.t = k, E.i18n = o, E.ready = l, l || !l && !a) return E;
-  throw new Promise((f) => {
-    e.lng ? Z1(o, e.lng, d, () => f()) : A1(o, d, () => f());
+  throw new Promise((m) => {
+    e.lng ? S1(o, e.lng, d, () => m()) : O1(o, d, () => m());
   });
 }, r1 = ({
   children: i,
@@ -178,7 +178,7 @@ const T2 = (i, e) => {
     style: { padding: a },
     children: i
   }
-), P2 = ({ shape: i = "circle", size: e = 32, children: t, ...s }) => {
+), Y2 = ({ shape: i = "circle", size: e = 32, children: t, ...s }) => {
   const n = typeof s.src == "string";
   return /* @__PURE__ */ r(
     L2,
@@ -192,46 +192,103 @@ const T2 = (i, e) => {
     }
   );
 };
-var T = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(T || {});
-const y1 = t1({
+var D = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(D || {});
+const E1 = t1({
   locale: "en",
   theme: "light"
 });
-y1.Provider;
-const Y2 = ({
+E1.Provider;
+const { Title: P2, Text: j2 } = y1, $2 = {
+  h1: 1,
+  h2: 2,
+  h3: 3,
+  h4: 4
+}, F2 = h1(
+  ({
+    align: i = "inherit",
+    variant: e = "body1",
+    color: t,
+    children: s,
+    onClick: n,
+    collapsed: o,
+    whiteSpace: c = "normal",
+    /** This prop allows you to enable tooltip if text size is too big */
+    trim: a = !1
+  }, C) => {
+    const d = W(null);
+    H1(C, () => d.current);
+    const [l, h] = I(!1);
+    A(() => {
+      var v;
+      if (!a) return;
+      const f = () => {
+        d.current && h(d.current.scrollWidth > d.current.clientWidth);
+      };
+      f();
+      const y = new ResizeObserver(f);
+      return d.current && y.observe(d.current), (v = d.current) != null && v.parentElement && y.observe(d.current.parentElement), () => {
+        y.disconnect();
+      };
+    }, [a]);
+    const g = e === "h1" || e === "h2" || e === "h3" || e === "h4";
+    let p = `snmt-typography snmt-typography-${e}`;
+    i && i !== "inherit" && (p += ` snmt-typography-align-${i}`), o && (p += " collapsed");
+    const k = {
+      className: p,
+      style: { color: t, whiteSpace: a ? "nowrap" : c, display: a ? "block" : "" },
+      onClick: n,
+      ref: d,
+      ellipsis: a && l ? {
+        tooltip: {
+          title: s,
+          overlayClassName: "snmt-tooltip"
+        }
+      } : void 0
+    };
+    return g ? /* @__PURE__ */ r(P2, { level: $2[e], ...k, children: s }) : /* @__PURE__ */ r(j2, { ...k, children: s });
+  }
+), W2 = ({
   checked: i = !0,
   indeterminate: e = !1,
   children: t,
-  onChange: s,
-  disabled: n = !1,
-  disableUncheck: o = !1
+  label: s,
+  onChange: n,
+  disabled: o = !1,
+  disableUncheck: c = !1
 }) => {
-  const [c, a] = I(i), [C, d] = I(e);
+  const [a, C] = I(i), [d, l] = I(e);
   A(() => {
-    a(i), d(e);
+    C(i), l(e);
   }, [i, e]);
-  const { theme: l } = Q(y1);
+  const { theme: h } = Q(E1);
   return /* @__PURE__ */ r(
     w2,
     {
-      className: `snmt-checkbox snmt-checkbox-${l}`,
-      checked: c,
-      indeterminate: C,
-      onChange: (h) => {
-        o && c || (d(!1), a(h.target.checked), s && s(h));
+      className: `snmt-checkbox snmt-checkbox-${h}`,
+      checked: a,
+      indeterminate: d,
+      onChange: (g) => {
+        c && a || (l(!1), C(g.target.checked), n && n(g));
       },
-      disabled: n,
-      children: t
+      disabled: o,
+      children: t || s && /* @__PURE__ */ r(
+        F2,
+        {
+          variant: "body2",
+          color: o ? D.GREY_DARK_2 : D.GREY_DARK_5,
+          children: s
+        }
+      )
     }
   );
 };
-var m = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(m || {});
+var w = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(w || {});
 const e2 = t1({
   locale: "en",
   theme: "light"
 });
 e2.Provider;
-const j2 = ({
+const U2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -258,10 +315,10 @@ const j2 = ({
       }
     )
   }
-), $2 = ({
+), z2 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -298,7 +355,7 @@ const j2 = ({
       )
     ]
   }
-), F2 = ({
+), J2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -333,10 +390,10 @@ const j2 = ({
       )
     ]
   }
-), W2 = ({
+), Q2 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -360,10 +417,10 @@ const j2 = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_1_2043", children: /* @__PURE__ */ r("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
     ]
   }
-), U2 = ({
+), q2 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -384,10 +441,10 @@ const j2 = ({
       }
     )
   }
-), z2 = ({
+), X2 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -411,10 +468,10 @@ const j2 = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_1_2039", children: /* @__PURE__ */ r("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
     ]
   }
-), J2 = ({
+), e5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -435,10 +492,10 @@ const j2 = ({
       }
     )
   }
-), Q2 = ({
+), t5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -482,10 +539,10 @@ const j2 = ({
       )
     ]
   }
-), q2 = ({
+), i5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -506,10 +563,10 @@ const j2 = ({
       }
     )
   }
-), X2 = ({
+), s5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -530,10 +587,10 @@ const j2 = ({
       }
     )
   }
-), e5 = ({
+), n5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -554,10 +611,10 @@ const j2 = ({
       }
     )
   }
-), t5 = ({
+), r5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -615,10 +672,10 @@ const j2 = ({
       )
     ]
   }
-), i5 = ({
+), o5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -662,10 +719,10 @@ const j2 = ({
       )
     ]
   }
-), s5 = ({
+), a5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -702,10 +759,10 @@ const j2 = ({
       )
     ]
   }
-), n5 = ({
+), l5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -742,10 +799,10 @@ const j2 = ({
       )
     ]
   }
-), r5 = ({
+), h5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -789,10 +846,10 @@ const j2 = ({
       )
     ]
   }
-), o5 = ({
+), c5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -836,10 +893,10 @@ const j2 = ({
       )
     ]
   }
-), a5 = ({
+), d5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -883,10 +940,10 @@ const j2 = ({
       )
     ]
   }
-), l5 = ({
+), C5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -923,10 +980,10 @@ const j2 = ({
       )
     ]
   }
-), h5 = ({
+), g5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -956,10 +1013,10 @@ const j2 = ({
       )
     ]
   }
-), c5 = ({
+), u5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -989,10 +1046,10 @@ const j2 = ({
       )
     ]
   }
-), d5 = ({
+), p5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -1022,10 +1079,10 @@ const j2 = ({
       )
     ]
   }
-), C5 = ({
+), f5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -1055,10 +1112,10 @@ const j2 = ({
       )
     ]
   }
-), g5 = ({
+), m5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -1095,10 +1152,10 @@ const j2 = ({
       )
     ]
   }
-), u5 = ({
+), w5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -1128,10 +1185,10 @@ const j2 = ({
       )
     ]
   }
-), p5 = ({
+), L5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -1161,7 +1218,7 @@ const j2 = ({
       )
     ]
   }
-), f5 = ({
+), k5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -1191,7 +1248,7 @@ const j2 = ({
       /* @__PURE__ */ r("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), m5 = ({
+), v5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -1229,7 +1286,7 @@ const j2 = ({
       )
     ]
   }
-), w5 = ({
+), N5 = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -1255,7 +1312,7 @@ const j2 = ({
       }
     )
   }
-), L5 = ({
+), R5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -1284,7 +1341,7 @@ const j2 = ({
       )
     ]
   }
-), k5 = ({
+), x5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -1313,7 +1370,7 @@ const j2 = ({
       )
     ]
   }
-), v5 = ({
+), _5 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -1342,7 +1399,7 @@ const j2 = ({
       )
     ]
   }
-), N5 = ({
+), M5 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -1379,9 +1436,9 @@ const j2 = ({
       )
     ]
   }
-), R5 = ({
+), b5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -1412,9 +1469,9 @@ const j2 = ({
       )
     ]
   }
-), x5 = ({
+), y5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -1439,9 +1496,9 @@ const j2 = ({
       }
     )
   }
-), _5 = ({
+), H5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -1466,9 +1523,9 @@ const j2 = ({
       }
     )
   }
-), M5 = ({
+), E5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -1490,9 +1547,9 @@ const j2 = ({
       }
     )
   }
-), b5 = ({
+), V5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -1515,9 +1572,9 @@ const j2 = ({
       }
     )
   }
-), y5 = ({
+), I5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -1548,9 +1605,9 @@ const j2 = ({
       )
     ]
   }
-), H5 = ({
+), A5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1587,9 +1644,9 @@ const j2 = ({
       )
     ]
   }
-), E5 = ({
+), Z5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1614,9 +1671,9 @@ const j2 = ({
       }
     )
   }
-), V5 = ({
+), O5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1673,9 +1730,9 @@ const j2 = ({
       )
     ]
   }
-), I5 = ({
+), S5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1710,9 +1767,9 @@ const j2 = ({
       )
     ]
   }
-), A5 = ({
+), D5 = ({
   className: i,
-  color: e = m.GREY_DARK_3,
+  color: e = w.GREY_DARK_3,
   height: t = 14,
   width: s = 14,
   onClick: n
@@ -1747,9 +1804,9 @@ const j2 = ({
       )
     ]
   }
-), Z5 = ({
+), G5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 18,
   onClick: s,
   width: n = 18
@@ -1774,9 +1831,9 @@ const j2 = ({
       }
     )
   }
-), O5 = ({
+), T5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1826,9 +1883,9 @@ const j2 = ({
       )
     ]
   }
-), S5 = ({
+), K5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1863,9 +1920,9 @@ const j2 = ({
       )
     ]
   }
-), D5 = ({
+), B5 = ({
   className: i,
-  color: e = m.NOTIFICATION_WARNING_DARK,
+  color: e = w.NOTIFICATION_WARNING_DARK,
   height: t = 37,
   width: s = 36,
   onClick: n
@@ -1902,9 +1959,9 @@ const j2 = ({
       )
     ]
   }
-), G5 = ({
+), Y5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1928,9 +1985,9 @@ const j2 = ({
       }
     )
   }
-), T5 = ({
+), P5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1967,9 +2024,9 @@ const j2 = ({
       )
     ]
   }
-), K5 = ({
+), j5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -2000,9 +2057,9 @@ const j2 = ({
       )
     ]
   }
-), B5 = ({
+), $5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2069,9 +2126,9 @@ const j2 = ({
       )
     ]
   }
-), P5 = ({
+), F5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2126,9 +2183,9 @@ const j2 = ({
       )
     ]
   }
-), Y5 = ({
+), W5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2175,9 +2232,9 @@ const j2 = ({
       )
     ]
   }
-), j5 = ({
+), U5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2202,9 +2259,9 @@ const j2 = ({
       }
     )
   }
-), $5 = ({
+), z5 = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -2219,7 +2276,7 @@ const j2 = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: m.GREY_LIGHT_2 }),
+      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: w.GREY_LIGHT_2 }),
       /* @__PURE__ */ r(
         "path",
         {
@@ -2231,7 +2288,7 @@ const j2 = ({
       )
     ]
   }
-), F5 = ({
+), J5 = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -2257,7 +2314,7 @@ const j2 = ({
       }
     )
   }
-), W5 = ({
+), Q5 = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -2295,10 +2352,10 @@ const j2 = ({
       )
     ] }) })
   }
-), U5 = ({
+), q5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -2319,7 +2376,7 @@ const j2 = ({
       }
     )
   }
-), z5 = ({
+), X5 = ({
   width: i = 24,
   height: e = 24,
   color: t = "#131314",
@@ -2352,10 +2409,10 @@ const j2 = ({
       )
     ]
   }
-), J5 = ({
+), ee = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -2385,10 +2442,10 @@ const j2 = ({
       )
     ]
   }
-), Q5 = ({
+), te = ({
   width: i = 24,
   height: e = 24,
-  color: t = m.GREY_DARK_2,
+  color: t = w.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -2425,10 +2482,10 @@ const j2 = ({
       )
     ]
   }
-), q5 = ({
+), ie = ({
   width: i = 24,
   height: e = 24,
-  color: t = m.GREY_DARK_2,
+  color: t = w.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -2452,10 +2509,10 @@ const j2 = ({
       }
     )
   }
-), X5 = ({
+), se = ({
   width: i = 24,
   height: e = 24,
-  color: t = m.GREY_DARK_2,
+  color: t = w.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -2488,45 +2545,45 @@ const j2 = ({
   disabled: o = !1,
   onClick: c
 }) => {
-  const [a, C] = I(n), { theme: d } = Q(e2), l = o ? d && d === "dark" ? m.GREY_LIGHT_4 : m.GREY_DARK_1 : s, h = o ? void 0 : c;
+  const [a, C] = I(n), { theme: d } = Q(e2), l = o ? d && d === "dark" ? w.GREY_LIGHT_4 : w.GREY_DARK_1 : s, h = o ? void 0 : c;
   return A(() => {
     if (n) {
       h && !o && C(`${n} clickable`);
       return;
     }
     h && !o && C("clickable");
-  }, [h, n, o]), /* @__PURE__ */ r(W, { children: (() => {
+  }, [h, n, o]), /* @__PURE__ */ r(U, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return x5({ width: e, height: t, color: l, className: a, onClick: h });
+        return y5({ width: e, height: t, color: l, className: a, onClick: h });
       case "prevIcon":
-        return _5({ width: e, height: t, color: l, className: a, onClick: h });
+        return H5({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowDown":
-        return j2({ width: e, height: t, color: l, className: a, onClick: h });
+        return U2({ width: e, height: t, color: l, className: a, onClick: h });
       case "info":
-        return $2({ width: e, height: t, color: l, className: a, onClick: h });
+        return z2({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowRight":
-        return F2({ width: e, height: t, color: l, className: a, onClick: h });
+        return J2({ width: e, height: t, color: l, className: a, onClick: h });
       case "calendar":
-        return Q2({ width: e, height: t, color: l, className: a, onClick: h });
+        return t5({ width: e, height: t, color: l, className: a, onClick: h });
       case "check":
-        return q2({ width: e, height: t, color: l, className: a, onClick: h });
+        return i5({ width: e, height: t, color: l, className: a, onClick: h });
       case "cancel":
-        return X2({ width: e, height: t, color: l, className: a, onClick: h });
+        return s5({ width: e, height: t, color: l, className: a, onClick: h });
       case "add":
-        return e5({ width: e, height: t, color: l, className: a, onClick: h });
+        return n5({ width: e, height: t, color: l, className: a, onClick: h });
       case "list":
-        return t5({ width: e, height: t, color: l, className: a, onClick: h });
+        return r5({ width: e, height: t, color: l, className: a, onClick: h });
       case "dragAndDrop":
-        return i5({ width: e, height: t, color: l, className: a, onClick: h });
+        return o5({ width: e, height: t, color: l, className: a, onClick: h });
       case "filter":
-        return s5({ width: e, height: t, color: l, className: a, onClick: h });
+        return a5({ width: e, height: t, color: l, className: a, onClick: h });
       case "attention":
-        return n5({ width: e, height: t, color: l, className: a, onClick: h });
+        return l5({ width: e, height: t, color: l, className: a, onClick: h });
       case "users":
-        return r5({ width: e, height: t, color: l, className: a, onClick: h });
+        return h5({ width: e, height: t, color: l, className: a, onClick: h });
       case "mySkillsMatrix":
-        return o5({
+        return c5({
           width: e,
           height: t,
           color: l,
@@ -2534,9 +2591,9 @@ const j2 = ({
           onClick: h
         });
       case "skills":
-        return a5({ width: e, height: t, color: l, className: a, onClick: h });
+        return d5({ width: e, height: t, color: l, className: a, onClick: h });
       case "skillsMatrices":
-        return l5({
+        return C5({
           width: e,
           height: t,
           color: l,
@@ -2544,21 +2601,21 @@ const j2 = ({
           onClick: h
         });
       case "history":
-        return h5({ width: e, height: t, color: l, className: a, onClick: h });
+        return g5({ width: e, height: t, color: l, className: a, onClick: h });
       case "logOut":
-        return c5({ width: e, height: t, color: l, className: a, onClick: h });
+        return u5({ width: e, height: t, color: l, className: a, onClick: h });
       case "settings":
-        return d5({ width: e, height: t, color: l, className: a, onClick: h });
+        return p5({ width: e, height: t, color: l, className: a, onClick: h });
       case "trash":
-        return C5({ width: e, height: t, color: l, className: a, onClick: h });
+        return f5({ width: e, height: t, color: l, className: a, onClick: h });
       case "settings2":
-        return g5({ width: e, height: t, color: l, className: a, onClick: h });
+        return m5({ width: e, height: t, color: l, className: a, onClick: h });
       case "checkCircle":
-        return u5({ width: e, height: t, color: l, className: a, onClick: h });
+        return w5({ width: e, height: t, color: l, className: a, onClick: h });
       case "cancelCircle":
-        return p5({ width: e, height: t, color: l, className: a, onClick: h });
+        return L5({ width: e, height: t, color: l, className: a, onClick: h });
       case "visibilityIcon":
-        return f5({
+        return k5({
           width: e,
           height: t,
           color: l,
@@ -2566,7 +2623,7 @@ const j2 = ({
           onClick: h
         });
       case "visibilityOffIcon":
-        return m5({
+        return v5({
           width: e,
           height: t,
           color: l,
@@ -2574,7 +2631,7 @@ const j2 = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return w5({
+        return N5({
           width: e,
           height: t,
           color: l,
@@ -2582,7 +2639,7 @@ const j2 = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return L5({
+        return R5({
           width: e,
           height: t,
           color: l,
@@ -2590,7 +2647,7 @@ const j2 = ({
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return k5({
+        return x5({
           width: e,
           height: t,
           color: l,
@@ -2598,85 +2655,85 @@ const j2 = ({
           onClick: h
         });
       case "sortUp":
-        return v5({ width: e, height: t, color: l, className: a, onClick: h });
+        return _5({ width: e, height: t, color: l, className: a, onClick: h });
       case "sortDown":
-        return N5({ width: e, height: t, color: l, className: a, onClick: h });
+        return M5({ width: e, height: t, color: l, className: a, onClick: h });
       case "search":
-        return R5({ width: e, height: t, color: l, className: a, onClick: h });
-      case "arrowUpFilled":
         return b5({ width: e, height: t, color: l, className: a, onClick: h });
+      case "arrowUpFilled":
+        return V5({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowDownFilled":
-        return M5({ width: e, height: t, color: l, className: a, onClick: h });
+        return E5({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrow2Up":
-        return W2({ width: e, height: t, color: l, className: a, onClick: h });
+        return Q2({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrow2Right":
-        return U2({ width: e, height: t, color: l, className: a, onClick: h });
+        return q2({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrow2Down":
-        return z2({ width: e, height: t, color: l, className: a, onClick: h });
+        return X2({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrow2Left":
-        return J2({ width: e, height: t, color: l, className: a, onClick: h });
+        return e5({ width: e, height: t, color: l, className: a, onClick: h });
       case "link":
-        return y5({ width: e, height: t, color: l, className: a, onClick: h });
+        return I5({ width: e, height: t, color: l, className: a, onClick: h });
       case "telegram":
-        return E5({ width: e, height: t, color: l, className: a, onClick: h });
+        return Z5({ width: e, height: t, color: l, className: a, onClick: h });
       case "mail":
-        return I5({ width: e, height: t, color: l, className: a, onClick: h });
+        return S5({ width: e, height: t, color: l, className: a, onClick: h });
       case "github":
-        return H5({ width: e, height: t, color: l, className: a, onClick: h });
+        return A5({ width: e, height: t, color: l, className: a, onClick: h });
       case "linkedIn":
-        return V5({ width: e, height: t, color: l, className: a, onClick: h });
+        return O5({ width: e, height: t, color: l, className: a, onClick: h });
       case "emptyStateIcon":
-        return A5({ width: e, height: t, color: l, className: a, onClick: h });
+        return D5({ width: e, height: t, color: l, className: a, onClick: h });
       case "filtersIcon":
-        return Z5({ width: e, height: t, color: l, className: a, onClick: h });
+        return G5({ width: e, height: t, color: l, className: a, onClick: h });
       case "dotMenuIcon":
-        return O5({ width: e, height: t, color: l, className: a, onClick: h });
+        return T5({ width: e, height: t, color: l, className: a, onClick: h });
       case "plusCircle":
-        return S5({ width: e, height: t, color: l, className: a, onClick: h });
+        return K5({ width: e, height: t, color: l, className: a, onClick: h });
       case "warning":
-        return D5({ width: e, height: t, color: l, className: a, onClick: h });
+        return B5({ width: e, height: t, color: l, className: a, onClick: h });
       case "back":
-        return G5({ width: e, height: t, color: l, className: a, onClick: h });
+        return Y5({ width: e, height: t, color: l, className: a, onClick: h });
       case "bell":
-        return T5({ width: e, height: t, color: l, className: a, onClick: h });
+        return P5({ width: e, height: t, color: l, className: a, onClick: h });
       case "copy":
-        return K5({ width: e, height: t, color: l, className: a, onClick: h });
+        return j5({ width: e, height: t, color: l, className: a, onClick: h });
       case "contract":
-        return B5({ width: e, height: t, color: l, className: a, onClick: h });
+        return $5({ width: e, height: t, color: l, className: a, onClick: h });
       case "resourceManager":
-        return P5({ width: e, height: t, color: l, className: a, onClick: h });
+        return F5({ width: e, height: t, color: l, className: a, onClick: h });
       case "image":
-        return Y5({ width: e, height: t, color: l, className: a, onClick: h });
+        return W5({ width: e, height: t, color: l, className: a, onClick: h });
       case "edit":
-        return j5({ width: e, height: t, color: l, className: a, onClick: h });
+        return U5({ width: e, height: t, color: l, className: a, onClick: h });
       case "filledArrowRight":
-        return $5({ width: e, height: t, color: l, className: a, onClick: h });
+        return z5({ width: e, height: t, color: l, className: a, onClick: h });
       case "burgerMenu":
-        return F5({ width: e, height: t, color: l, className: a, onClick: h });
+        return J5({ width: e, height: t, color: l, className: a, onClick: h });
       case "refresh":
-        return W5({ width: e, height: t, color: l, className: a, onClick: h });
+        return Q5({ width: e, height: t, color: l, className: a, onClick: h });
       case "projects":
-        return U5({ width: e, height: t, color: l, className: a, onClick: h });
+        return q5({ width: e, height: t, color: l, className: a, onClick: h });
       case "user":
-        return J5({ width: e, height: t, color: l, className: a, onClick: h });
+        return ee({ width: e, height: t, color: l, className: a, onClick: h });
       case "exit":
-        return z5({ width: e, height: t, color: l, className: a, onClick: h });
+        return X5({ width: e, height: t, color: l, className: a, onClick: h });
       case "openPointCircle":
-        return Q5({ width: e, height: t, color: l, className: a, onClick: h });
+        return te({ width: e, height: t, color: l, className: a, onClick: h });
       case "community":
-        return q5({ width: e, height: t, color: l, className: a, onClick: h });
+        return ie({ width: e, height: t, color: l, className: a, onClick: h });
       case "docs":
-        return X5({ width: e, height: t, color: l, className: a, onClick: h });
+        return se({ width: e, height: t, color: l, className: a, onClick: h });
       default:
-        return /* @__PURE__ */ r(W, { children: "No Icon provided" });
+        return /* @__PURE__ */ r(U, { children: "No Icon provided" });
     }
   })() });
-}, { Title: ee, Text: te } = J1, ie = {
+}, { Title: ne, Text: re } = y1, oe = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, se = w1(
+}, ae = h1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -2688,18 +2745,18 @@ const j2 = ({
     /** This prop allows you to enable tooltip if text size is too big */
     trim: a = !1
   }, C) => {
-    const d = J(null);
-    Q1(C, () => d.current);
+    const d = W(null);
+    H1(C, () => d.current);
     const [l, h] = I(!1);
     A(() => {
-      var N;
+      var v;
       if (!a) return;
-      const L = () => {
+      const f = () => {
         d.current && h(d.current.scrollWidth > d.current.clientWidth);
       };
-      L();
-      const y = new ResizeObserver(L);
-      return d.current && y.observe(d.current), (N = d.current) != null && N.parentElement && y.observe(d.current.parentElement), () => {
+      f();
+      const y = new ResizeObserver(f);
+      return d.current && y.observe(d.current), (v = d.current) != null && v.parentElement && y.observe(d.current.parentElement), () => {
         y.disconnect();
       };
     }, [a]);
@@ -2718,16 +2775,16 @@ const j2 = ({
         }
       } : void 0
     };
-    return g ? /* @__PURE__ */ r(ee, { level: ie[e], ...k, children: s }) : /* @__PURE__ */ r(te, { ...k, children: s });
+    return g ? /* @__PURE__ */ r(ne, { level: oe[e], ...k, children: s }) : /* @__PURE__ */ r(re, { ...k, children: s });
   }
 );
-var w = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(w || {});
+var L = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(L || {});
 const t2 = t1({
   locale: "en",
   theme: "light"
 });
 t2.Provider;
-const ne = ({
+const le = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -2754,10 +2811,10 @@ const ne = ({
       }
     )
   }
-), re = ({
+), he = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -2794,7 +2851,7 @@ const ne = ({
       )
     ]
   }
-), oe = ({
+), ce = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -2829,10 +2886,10 @@ const ne = ({
       )
     ]
   }
-), ae = ({
+), de = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -2856,10 +2913,10 @@ const ne = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_1_2043", children: /* @__PURE__ */ r("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
     ]
   }
-), le = ({
+), Ce = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -2880,10 +2937,10 @@ const ne = ({
       }
     )
   }
-), he = ({
+), ge = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -2907,10 +2964,10 @@ const ne = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_1_2039", children: /* @__PURE__ */ r("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
     ]
   }
-), ce = ({
+), ue = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -2931,10 +2988,10 @@ const ne = ({
       }
     )
   }
-), de = ({
+), pe = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -2978,10 +3035,10 @@ const ne = ({
       )
     ]
   }
-), Ce = ({
+), fe = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -3002,10 +3059,10 @@ const ne = ({
       }
     )
   }
-), ge = ({
+), me = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -3026,10 +3083,10 @@ const ne = ({
       }
     )
   }
-), ue = ({
+), we = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -3050,10 +3107,10 @@ const ne = ({
       }
     )
   }
-), pe = ({
+), Le = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3111,10 +3168,10 @@ const ne = ({
       )
     ]
   }
-), fe = ({
+), ke = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3158,10 +3215,10 @@ const ne = ({
       )
     ]
   }
-), me = ({
+), ve = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3198,10 +3255,10 @@ const ne = ({
       )
     ]
   }
-), we = ({
+), Ne = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3238,10 +3295,10 @@ const ne = ({
       )
     ]
   }
-), Le = ({
+), Re = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3285,10 +3342,10 @@ const ne = ({
       )
     ]
   }
-), ke = ({
+), xe = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3332,10 +3389,10 @@ const ne = ({
       )
     ]
   }
-), ve = ({
+), _e = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3379,10 +3436,10 @@ const ne = ({
       )
     ]
   }
-), Ne = ({
+), Me = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3419,10 +3476,10 @@ const ne = ({
       )
     ]
   }
-), Re = ({
+), be = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3452,10 +3509,10 @@ const ne = ({
       )
     ]
   }
-), xe = ({
+), ye = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3485,10 +3542,10 @@ const ne = ({
       )
     ]
   }
-), _e = ({
+), He = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3518,10 +3575,10 @@ const ne = ({
       )
     ]
   }
-), Me = ({
+), Ee = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3551,10 +3608,10 @@ const ne = ({
       )
     ]
   }
-), be = ({
+), Ve = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3591,10 +3648,10 @@ const ne = ({
       )
     ]
   }
-), ye = ({
+), Ie = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3624,10 +3681,10 @@ const ne = ({
       )
     ]
   }
-), He = ({
+), Ae = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -3657,7 +3714,7 @@ const ne = ({
       )
     ]
   }
-), Ee = ({
+), Ze = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -3687,7 +3744,7 @@ const ne = ({
       /* @__PURE__ */ r("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), Ve = ({
+), Oe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -3725,7 +3782,7 @@ const ne = ({
       )
     ]
   }
-), Ie = ({
+), Se = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -3751,7 +3808,7 @@ const ne = ({
       }
     )
   }
-), Ae = ({
+), De = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -3780,7 +3837,7 @@ const ne = ({
       )
     ]
   }
-), Ze = ({
+), Ge = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -3809,7 +3866,7 @@ const ne = ({
       )
     ]
   }
-), Oe = ({
+), Te = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -3838,7 +3895,7 @@ const ne = ({
       )
     ]
   }
-), Se = ({
+), Ke = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -3875,9 +3932,9 @@ const ne = ({
       )
     ]
   }
-), De = ({
+), Be = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -3908,9 +3965,9 @@ const ne = ({
       )
     ]
   }
-), Ge = ({
+), Ye = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -3935,9 +3992,9 @@ const ne = ({
       }
     )
   }
-), Te = ({
+), Pe = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -3962,9 +4019,9 @@ const ne = ({
       }
     )
   }
-), Ke = ({
+), je = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -3986,9 +4043,9 @@ const ne = ({
       }
     )
   }
-), Be = ({
+), $e = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -4011,9 +4068,9 @@ const ne = ({
       }
     )
   }
-), Pe = ({
+), Fe = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -4044,9 +4101,9 @@ const ne = ({
       )
     ]
   }
-), Ye = ({
+), We = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4083,9 +4140,9 @@ const ne = ({
       )
     ]
   }
-), je = ({
+), Ue = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4110,9 +4167,9 @@ const ne = ({
       }
     )
   }
-), $e = ({
+), ze = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4169,9 +4226,9 @@ const ne = ({
       )
     ]
   }
-), Fe = ({
+), Je = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4206,9 +4263,9 @@ const ne = ({
       )
     ]
   }
-), We = ({
+), Qe = ({
   className: i,
-  color: e = w.GREY_DARK_3,
+  color: e = L.GREY_DARK_3,
   height: t = 14,
   width: s = 14,
   onClick: n
@@ -4243,9 +4300,9 @@ const ne = ({
       )
     ]
   }
-), Ue = ({
+), qe = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 18,
   onClick: s,
   width: n = 18
@@ -4270,9 +4327,9 @@ const ne = ({
       }
     )
   }
-), ze = ({
+), Xe = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4322,9 +4379,9 @@ const ne = ({
       )
     ]
   }
-), Je = ({
+), e7 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4359,9 +4416,9 @@ const ne = ({
       )
     ]
   }
-), Qe = ({
+), t7 = ({
   className: i,
-  color: e = w.NOTIFICATION_WARNING_DARK,
+  color: e = L.NOTIFICATION_WARNING_DARK,
   height: t = 37,
   width: s = 36,
   onClick: n
@@ -4398,9 +4455,9 @@ const ne = ({
       )
     ]
   }
-), qe = ({
+), i7 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4424,9 +4481,9 @@ const ne = ({
       }
     )
   }
-), Xe = ({
+), s7 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4463,9 +4520,9 @@ const ne = ({
       )
     ]
   }
-), e7 = ({
+), n7 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -4496,9 +4553,9 @@ const ne = ({
       )
     ]
   }
-), t7 = ({
+), r7 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4565,9 +4622,9 @@ const ne = ({
       )
     ]
   }
-), i7 = ({
+), o7 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4622,9 +4679,9 @@ const ne = ({
       )
     ]
   }
-), s7 = ({
+), a7 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4671,9 +4728,9 @@ const ne = ({
       )
     ]
   }
-), n7 = ({
+), l7 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -4698,9 +4755,9 @@ const ne = ({
       }
     )
   }
-), r7 = ({
+), h7 = ({
   className: i,
-  color: e = w.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -4715,7 +4772,7 @@ const ne = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: w.GREY_LIGHT_2 }),
+      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: L.GREY_LIGHT_2 }),
       /* @__PURE__ */ r(
         "path",
         {
@@ -4727,7 +4784,7 @@ const ne = ({
       )
     ]
   }
-), o7 = ({
+), c7 = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -4753,7 +4810,7 @@ const ne = ({
       }
     )
   }
-), a7 = ({
+), d7 = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -4791,10 +4848,10 @@ const ne = ({
       )
     ] }) })
   }
-), l7 = ({
+), C7 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -4815,7 +4872,7 @@ const ne = ({
       }
     )
   }
-), h7 = ({
+), g7 = ({
   width: i = 24,
   height: e = 24,
   color: t = "#131314",
@@ -4848,10 +4905,10 @@ const ne = ({
       )
     ]
   }
-), c7 = ({
+), u7 = ({
   width: i = 20,
   height: e = 20,
-  color: t = w.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -4881,10 +4938,10 @@ const ne = ({
       )
     ]
   }
-), d7 = ({
+), p7 = ({
   width: i = 24,
   height: e = 24,
-  color: t = w.GREY_DARK_2,
+  color: t = L.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -4921,10 +4978,10 @@ const ne = ({
       )
     ]
   }
-), C7 = ({
+), f7 = ({
   width: i = 24,
   height: e = 24,
-  color: t = w.GREY_DARK_2,
+  color: t = L.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -4948,10 +5005,10 @@ const ne = ({
       }
     )
   }
-), g7 = ({
+), m7 = ({
   width: i = 24,
   height: e = 24,
-  color: t = w.GREY_DARK_2,
+  color: t = L.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -4975,7 +5032,7 @@ const ne = ({
       }
     )
   }
-), u7 = ({
+), w7 = ({
   name: i,
   width: e,
   height: t,
@@ -4984,45 +5041,45 @@ const ne = ({
   disabled: o = !1,
   onClick: c
 }) => {
-  const [a, C] = I(n), { theme: d } = Q(t2), l = o ? d && d === "dark" ? w.GREY_LIGHT_4 : w.GREY_DARK_1 : s, h = o ? void 0 : c;
+  const [a, C] = I(n), { theme: d } = Q(t2), l = o ? d && d === "dark" ? L.GREY_LIGHT_4 : L.GREY_DARK_1 : s, h = o ? void 0 : c;
   return A(() => {
     if (n) {
       h && !o && C(`${n} clickable`);
       return;
     }
     h && !o && C("clickable");
-  }, [h, n, o]), /* @__PURE__ */ r(W, { children: (() => {
+  }, [h, n, o]), /* @__PURE__ */ r(U, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return Ge({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ye({ width: e, height: t, color: l, className: a, onClick: h });
       case "prevIcon":
-        return Te({ width: e, height: t, color: l, className: a, onClick: h });
+        return Pe({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowDown":
-        return ne({ width: e, height: t, color: l, className: a, onClick: h });
+        return le({ width: e, height: t, color: l, className: a, onClick: h });
       case "info":
-        return re({ width: e, height: t, color: l, className: a, onClick: h });
+        return he({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowRight":
-        return oe({ width: e, height: t, color: l, className: a, onClick: h });
+        return ce({ width: e, height: t, color: l, className: a, onClick: h });
       case "calendar":
-        return de({ width: e, height: t, color: l, className: a, onClick: h });
+        return pe({ width: e, height: t, color: l, className: a, onClick: h });
       case "check":
-        return Ce({ width: e, height: t, color: l, className: a, onClick: h });
+        return fe({ width: e, height: t, color: l, className: a, onClick: h });
       case "cancel":
-        return ge({ width: e, height: t, color: l, className: a, onClick: h });
+        return me({ width: e, height: t, color: l, className: a, onClick: h });
       case "add":
-        return ue({ width: e, height: t, color: l, className: a, onClick: h });
+        return we({ width: e, height: t, color: l, className: a, onClick: h });
       case "list":
-        return pe({ width: e, height: t, color: l, className: a, onClick: h });
+        return Le({ width: e, height: t, color: l, className: a, onClick: h });
       case "dragAndDrop":
-        return fe({ width: e, height: t, color: l, className: a, onClick: h });
+        return ke({ width: e, height: t, color: l, className: a, onClick: h });
       case "filter":
-        return me({ width: e, height: t, color: l, className: a, onClick: h });
+        return ve({ width: e, height: t, color: l, className: a, onClick: h });
       case "attention":
-        return we({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ne({ width: e, height: t, color: l, className: a, onClick: h });
       case "users":
-        return Le({ width: e, height: t, color: l, className: a, onClick: h });
+        return Re({ width: e, height: t, color: l, className: a, onClick: h });
       case "mySkillsMatrix":
-        return ke({
+        return xe({
           width: e,
           height: t,
           color: l,
@@ -5030,9 +5087,9 @@ const ne = ({
           onClick: h
         });
       case "skills":
-        return ve({ width: e, height: t, color: l, className: a, onClick: h });
+        return _e({ width: e, height: t, color: l, className: a, onClick: h });
       case "skillsMatrices":
-        return Ne({
+        return Me({
           width: e,
           height: t,
           color: l,
@@ -5040,21 +5097,21 @@ const ne = ({
           onClick: h
         });
       case "history":
-        return Re({ width: e, height: t, color: l, className: a, onClick: h });
+        return be({ width: e, height: t, color: l, className: a, onClick: h });
       case "logOut":
-        return xe({ width: e, height: t, color: l, className: a, onClick: h });
+        return ye({ width: e, height: t, color: l, className: a, onClick: h });
       case "settings":
-        return _e({ width: e, height: t, color: l, className: a, onClick: h });
+        return He({ width: e, height: t, color: l, className: a, onClick: h });
       case "trash":
-        return Me({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ee({ width: e, height: t, color: l, className: a, onClick: h });
       case "settings2":
-        return be({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ve({ width: e, height: t, color: l, className: a, onClick: h });
       case "checkCircle":
-        return ye({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ie({ width: e, height: t, color: l, className: a, onClick: h });
       case "cancelCircle":
-        return He({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ae({ width: e, height: t, color: l, className: a, onClick: h });
       case "visibilityIcon":
-        return Ee({
+        return Ze({
           width: e,
           height: t,
           color: l,
@@ -5062,7 +5119,7 @@ const ne = ({
           onClick: h
         });
       case "visibilityOffIcon":
-        return Ve({
+        return Oe({
           width: e,
           height: t,
           color: l,
@@ -5070,7 +5127,7 @@ const ne = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return Ie({
+        return Se({
           width: e,
           height: t,
           color: l,
@@ -5078,7 +5135,7 @@ const ne = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return Ae({
+        return De({
           width: e,
           height: t,
           color: l,
@@ -5086,7 +5143,7 @@ const ne = ({
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return Ze({
+        return Ge({
           width: e,
           height: t,
           color: l,
@@ -5094,86 +5151,86 @@ const ne = ({
           onClick: h
         });
       case "sortUp":
-        return Oe({ width: e, height: t, color: l, className: a, onClick: h });
+        return Te({ width: e, height: t, color: l, className: a, onClick: h });
       case "sortDown":
-        return Se({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ke({ width: e, height: t, color: l, className: a, onClick: h });
       case "search":
-        return De({ width: e, height: t, color: l, className: a, onClick: h });
-      case "arrowUpFilled":
         return Be({ width: e, height: t, color: l, className: a, onClick: h });
+      case "arrowUpFilled":
+        return $e({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowDownFilled":
-        return Ke({ width: e, height: t, color: l, className: a, onClick: h });
+        return je({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrow2Up":
-        return ae({ width: e, height: t, color: l, className: a, onClick: h });
+        return de({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrow2Right":
-        return le({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ce({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrow2Down":
-        return he({ width: e, height: t, color: l, className: a, onClick: h });
+        return ge({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrow2Left":
-        return ce({ width: e, height: t, color: l, className: a, onClick: h });
+        return ue({ width: e, height: t, color: l, className: a, onClick: h });
       case "link":
-        return Pe({ width: e, height: t, color: l, className: a, onClick: h });
+        return Fe({ width: e, height: t, color: l, className: a, onClick: h });
       case "telegram":
-        return je({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ue({ width: e, height: t, color: l, className: a, onClick: h });
       case "mail":
-        return Fe({ width: e, height: t, color: l, className: a, onClick: h });
+        return Je({ width: e, height: t, color: l, className: a, onClick: h });
       case "github":
-        return Ye({ width: e, height: t, color: l, className: a, onClick: h });
+        return We({ width: e, height: t, color: l, className: a, onClick: h });
       case "linkedIn":
-        return $e({ width: e, height: t, color: l, className: a, onClick: h });
+        return ze({ width: e, height: t, color: l, className: a, onClick: h });
       case "emptyStateIcon":
-        return We({ width: e, height: t, color: l, className: a, onClick: h });
+        return Qe({ width: e, height: t, color: l, className: a, onClick: h });
       case "filtersIcon":
-        return Ue({ width: e, height: t, color: l, className: a, onClick: h });
+        return qe({ width: e, height: t, color: l, className: a, onClick: h });
       case "dotMenuIcon":
-        return ze({ width: e, height: t, color: l, className: a, onClick: h });
+        return Xe({ width: e, height: t, color: l, className: a, onClick: h });
       case "plusCircle":
-        return Je({ width: e, height: t, color: l, className: a, onClick: h });
+        return e7({ width: e, height: t, color: l, className: a, onClick: h });
       case "warning":
-        return Qe({ width: e, height: t, color: l, className: a, onClick: h });
+        return t7({ width: e, height: t, color: l, className: a, onClick: h });
       case "back":
-        return qe({ width: e, height: t, color: l, className: a, onClick: h });
+        return i7({ width: e, height: t, color: l, className: a, onClick: h });
       case "bell":
-        return Xe({ width: e, height: t, color: l, className: a, onClick: h });
+        return s7({ width: e, height: t, color: l, className: a, onClick: h });
       case "copy":
-        return e7({ width: e, height: t, color: l, className: a, onClick: h });
+        return n7({ width: e, height: t, color: l, className: a, onClick: h });
       case "contract":
-        return t7({ width: e, height: t, color: l, className: a, onClick: h });
+        return r7({ width: e, height: t, color: l, className: a, onClick: h });
       case "resourceManager":
-        return i7({ width: e, height: t, color: l, className: a, onClick: h });
+        return o7({ width: e, height: t, color: l, className: a, onClick: h });
       case "image":
-        return s7({ width: e, height: t, color: l, className: a, onClick: h });
+        return a7({ width: e, height: t, color: l, className: a, onClick: h });
       case "edit":
-        return n7({ width: e, height: t, color: l, className: a, onClick: h });
+        return l7({ width: e, height: t, color: l, className: a, onClick: h });
       case "filledArrowRight":
-        return r7({ width: e, height: t, color: l, className: a, onClick: h });
+        return h7({ width: e, height: t, color: l, className: a, onClick: h });
       case "burgerMenu":
-        return o7({ width: e, height: t, color: l, className: a, onClick: h });
+        return c7({ width: e, height: t, color: l, className: a, onClick: h });
       case "refresh":
-        return a7({ width: e, height: t, color: l, className: a, onClick: h });
+        return d7({ width: e, height: t, color: l, className: a, onClick: h });
       case "projects":
-        return l7({ width: e, height: t, color: l, className: a, onClick: h });
+        return C7({ width: e, height: t, color: l, className: a, onClick: h });
       case "user":
-        return c7({ width: e, height: t, color: l, className: a, onClick: h });
+        return u7({ width: e, height: t, color: l, className: a, onClick: h });
       case "exit":
-        return h7({ width: e, height: t, color: l, className: a, onClick: h });
+        return g7({ width: e, height: t, color: l, className: a, onClick: h });
       case "openPointCircle":
-        return d7({ width: e, height: t, color: l, className: a, onClick: h });
+        return p7({ width: e, height: t, color: l, className: a, onClick: h });
       case "community":
-        return C7({ width: e, height: t, color: l, className: a, onClick: h });
+        return f7({ width: e, height: t, color: l, className: a, onClick: h });
       case "docs":
-        return g7({ width: e, height: t, color: l, className: a, onClick: h });
+        return m7({ width: e, height: t, color: l, className: a, onClick: h });
       default:
-        return /* @__PURE__ */ r(W, { children: "No Icon provided" });
+        return /* @__PURE__ */ r(U, { children: "No Icon provided" });
     }
   })() });
 };
 var o1 = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(o1 || {});
-const p7 = t1({
+const L7 = t1({
   locale: "en",
   theme: "light"
 });
-p7.Provider;
+L7.Provider;
 const i2 = ({
   children: i,
   width: e,
@@ -5190,7 +5247,7 @@ const i2 = ({
     {
       className: `snmt-tag ${t} ${o ? "disabled" : ""}`,
       closeIcon: /* @__PURE__ */ r(
-        u7,
+        w7,
         {
           name: "cancelCircle",
           color: o ? o1.GREY_DARK_1 : o1.GREY_DARK_2,
@@ -5203,7 +5260,7 @@ const i2 = ({
       style: { width: e ?? "fit-content" },
       closable: n,
       children: typeof i == "string" ? /* @__PURE__ */ r(
-        se,
+        ae,
         {
           variant: t === "small" ? "body4" : "body2",
           color: o ? o1.GREY_DARK_2 : o1.GREY_DARK_5,
@@ -5212,12 +5269,12 @@ const i2 = ({
       ) : i
     }
   );
-}, { Title: f7, Text: m7 } = J1, w7 = {
+}, { Title: k7, Text: v7 } = y1, N7 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, L7 = w1(
+}, R7 = h1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -5229,18 +5286,18 @@ const i2 = ({
     /** This prop allows you to enable tooltip if text size is too big */
     trim: a = !1
   }, C) => {
-    const d = J(null);
-    Q1(C, () => d.current);
+    const d = W(null);
+    H1(C, () => d.current);
     const [l, h] = I(!1);
     A(() => {
-      var N;
+      var v;
       if (!a) return;
-      const L = () => {
+      const f = () => {
         d.current && h(d.current.scrollWidth > d.current.clientWidth);
       };
-      L();
-      const y = new ResizeObserver(L);
-      return d.current && y.observe(d.current), (N = d.current) != null && N.parentElement && y.observe(d.current.parentElement), () => {
+      f();
+      const y = new ResizeObserver(f);
+      return d.current && y.observe(d.current), (v = d.current) != null && v.parentElement && y.observe(d.current.parentElement), () => {
         y.disconnect();
       };
     }, [a]);
@@ -5259,9 +5316,9 @@ const i2 = ({
         }
       } : void 0
     };
-    return g ? /* @__PURE__ */ r(f7, { level: w7[e], ...k, children: s }) : /* @__PURE__ */ r(m7, { ...k, children: s });
+    return g ? /* @__PURE__ */ r(k7, { level: N7[e], ...k, children: s }) : /* @__PURE__ */ r(v7, { ...k, children: s });
   }
-), k7 = ({
+), x7 = ({
   children: i,
   content: e,
   isOpen: t,
@@ -5287,7 +5344,7 @@ const i2 = ({
     }
   );
 };
-var v7 = { exports: {} };
+var _7 = { exports: {} };
 (function(i, e) {
   (function(t, s) {
     i.exports = s();
@@ -5297,8 +5354,8 @@ var v7 = { exports: {} };
       return "[" + t + (s[(n - 20) % 10] || s[n] || s[0]) + "]";
     } };
   });
-})(v7);
-const N7 = ({
+})(_7);
+const M7 = ({
   values: i,
   onTagClose: e,
   maxWidth: t,
@@ -5307,17 +5364,17 @@ const N7 = ({
   options: o,
   extraOptions: c
 }) => {
-  const { locale: a } = Q(y1), { t: C } = B2("common", { lng: a }), [d, l] = I(!1);
+  const { locale: a } = Q(E1), { t: C } = B2("common", { lng: a }), [d, l] = I(!1);
   if (A(() => {
     i.length || l(!1);
   }, [i]), !i.length)
     return null;
   const h = (g) => {
     var p, k;
-    return ((p = o == null ? void 0 : o.find((L) => L.value === g)) == null ? void 0 : p.label) || ((k = c == null ? void 0 : c.find((L) => L.value === g)) == null ? void 0 : k.label) || g;
+    return ((p = o == null ? void 0 : o.find((f) => f.value === g)) == null ? void 0 : p.label) || ((k = c == null ? void 0 : c.find((f) => f.value === g)) == null ? void 0 : k.label) || g;
   };
   return /* @__PURE__ */ u(
-    k7,
+    x7,
     {
       content: (
         // 90: paddings + margins + gaps and so on
@@ -5342,19 +5399,19 @@ const N7 = ({
       ]
     }
   );
-}, R7 = {
+}, b7 = {
   small: 20,
   medium: 28,
   large: 48
-}, O1 = ({ size: i = "medium", color: e = "#004ed7" }) => {
-  const t = R7[i], s = `no-repeat linear-gradient(${e}
+}, D1 = ({ size: i = "medium", color: e = "#004ed7" }) => {
+  const t = b7[i], s = `no-repeat linear-gradient(${e}
     calc(50% - 10px), #0000 0 calc(50% + 10px), ${e} 0)`, n = {
     width: t,
     background: `${s} 0% 100%, ${s} 50% 100%, ${s} 100% 100%`,
     backgroundSize: "20% calc(200% + 20px)"
   };
   return /* @__PURE__ */ r("span", { className: "snmt-loader", style: n });
-}, x7 = w1(
+}, y7 = h1(
   ({
     value: i,
     onChange: e,
@@ -5371,58 +5428,58 @@ const N7 = ({
     onDropdownVisibleChange: g,
     onScrollToEnd: p,
     onPopupScroll: k,
-    id: N,
-    extraOptions: L,
+    id: v,
+    extraOptions: f,
     dropdownRender: y,
     optionRender: b,
     isLoading: E,
-    readOnly: f,
+    readOnly: m,
     error: M
   }, R) => {
-    const [x, D] = I(!1), [P, i1] = I(!1), [$, h1] = I(!0), [V, Y] = I(i), F = J(null);
+    const [x, G] = I(!1), [Y, i1] = I(!1), [$, c1] = I(!0), [V, P] = I(i), F = W(null);
     A(() => {
-      Y(i);
+      P(i);
     }, [i]);
     const q = (_) => {
-      D(_), g && g(_);
-    }, c1 = (_, H) => {
-      var G;
-      return !!((G = H == null ? void 0 : H.label) != null && G.toString().toLowerCase().includes(_.toLowerCase()));
+      G(_), g && g(_);
+    }, d1 = (_, H) => {
+      var T;
+      return !!((T = H == null ? void 0 : H.label) != null && T.toString().toLowerCase().includes(_.toLowerCase()));
     }, O = () => {
       i1(!0);
     }, j = () => {
       i1(!1);
     }, S = K(
       (_) => {
-        if (Y(_), s) {
-          const G = _;
-          e == null || e(G);
+        if (P(_), s) {
+          const T = _;
+          e == null || e(T);
           return;
         }
         const H = _;
         e == null || e(H);
       },
       [s, e]
-    ), d1 = K(() => {
-      if (!(f || a)) {
+    ), C1 = K(() => {
+      if (!(m || a)) {
         if (s) {
           S([]);
           return;
         }
         S("");
       }
-    }, [a, S, s, f]), C1 = K(
+    }, [a, S, s, m]), g1 = K(
       (_) => {
-        const H = V.filter((G) => G !== _);
-        S(H), Y(H);
+        const H = V.filter((T) => T !== _);
+        S(H), P(H);
       },
       [S, V]
-    ), H1 = K(
+    ), V1 = K(
       (_) => (V == null ? void 0 : V.indexOf(_)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
         /* @__PURE__ */ r("span", { className: "custom-placeholder", children: $ ? t : "" })
-      ) : /* @__PURE__ */ r(W, {}),
+      ) : /* @__PURE__ */ r(U, {}),
       [$, V, t]
     ), l2 = (_) => {
       _.preventDefault(), _.stopPropagation();
@@ -5431,39 +5488,39 @@ const N7 = ({
       H.scrollTop + H.offsetHeight >= H.scrollHeight - l && (p == null || p(!0)), k && await k(_);
     }, k1 = K(
       (_) => {
-        var H, G;
-        return ((H = o.find((v1) => v1.value === _)) == null ? void 0 : H.label) || ((G = L == null ? void 0 : L.find(
+        var H, T;
+        return ((H = o.find((v1) => v1.value === _)) == null ? void 0 : H.label) || ((T = f == null ? void 0 : f.find(
           (v1) => v1.value === _
-        )) == null ? void 0 : G.label) || _;
+        )) == null ? void 0 : T.label) || _;
       },
-      [L, o]
+      [f, o]
     ), c2 = K(
       (_) => {
         var H;
         return /* @__PURE__ */ r(
-          N7,
+          M7,
           {
             values: _,
-            onTagClose: C1,
+            onTagClose: g1,
             maxWidth: ((H = F.current) == null ? void 0 : H.clientWidth) || 0,
             disabled: a,
-            closable: !f,
+            closable: !m,
             options: o,
-            extraOptions: L
+            extraOptions: f
           }
         );
       },
-      [a, L, C1, o, f]
+      [a, f, g1, o, m]
     ), d2 = K(
-      ({ label: _, value: H, mode: G }) => G === "filter" ? H1(H) : /* @__PURE__ */ r("div", { onMouseDown: l2, className: "tag-wrapper", children: /* @__PURE__ */ r(i2, { onClose: () => C1(H), disabled: a, children: typeof _ == "object" ? _ : k1(H) }) }),
-      [a, k1, C1, H1]
-    ), E1 = Array.isArray(V) && V.length > 0 || !!V && typeof V == "string" && V.trim() !== "";
+      ({ label: _, value: H, mode: T }) => T === "filter" ? V1(H) : /* @__PURE__ */ r("div", { onMouseDown: l2, className: "tag-wrapper", children: /* @__PURE__ */ r(i2, { onClose: () => g1(H), disabled: a, children: typeof _ == "object" ? _ : k1(H) }) }),
+      [a, k1, g1, V1]
+    ), I1 = Array.isArray(V) && V.length > 0 || !!V && typeof V == "string" && V.trim() !== "";
     return /* @__PURE__ */ u("div", { className: "snmt-select-container", children: [
       /* @__PURE__ */ u(
         "div",
         {
-          className: `snmt-select-1-15-6 ${P ? "snmt-select-focused" : ""}
-                        ${s ? "" : "snmt-select-single"} ${f ? "snmt-select-read-only" : ""}`,
+          className: `snmt-select-1-15-6 ${Y ? "snmt-select-focused" : ""}
+                        ${s ? "" : "snmt-select-single"} ${m ? "snmt-select-read-only" : ""}`,
           ref: F,
           style: { width: c },
           children: [
@@ -5471,37 +5528,37 @@ const N7 = ({
               p2,
               {
                 className: "snmt-select-blank",
-                popupClassName: f ? "dropdown-read-only" : "",
-                id: N,
+                popupClassName: m ? "dropdown-read-only" : "",
+                id: v,
                 ref: R,
                 showSearch: !!n,
-                filterOption: n && c1,
+                filterOption: n && d1,
                 onDropdownVisibleChange: q,
                 disabled: a,
                 value: V || void 0,
                 labelRender: (_) => {
                   const H = k1(_.value);
-                  return a ? /* @__PURE__ */ r("span", { style: { color: T.GREY_DARK_1 }, children: H }) : H;
+                  return a ? /* @__PURE__ */ r("span", { style: { color: D.GREY_DARK_1 }, children: H }) : H;
                 },
                 mode: s === "filter" ? "multiple" : s,
                 onChange: S,
                 onFocus: O,
                 onBlur: j,
                 onSearch: (_) => {
-                  h1(!_), h && h(_);
+                  c1(!_), h && h(_);
                 },
-                onSelect: () => h1(!0),
-                onDeselect: () => h1(!0),
+                onSelect: () => c1(!0),
+                onDeselect: () => c1(!0),
                 tagRender: (_) => d2({ ..._, mode: s }),
                 maxTagCount: "responsive",
                 maxTagPlaceholder: c2,
                 onPopupScroll: h2,
-                prefix: E && /* @__PURE__ */ r(O1, { size: "small" }),
-                suffixIcon: /* @__PURE__ */ r("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ u(W, { children: [
+                prefix: E && /* @__PURE__ */ r(D1, { size: "small" }),
+                suffixIcon: /* @__PURE__ */ r("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ u(U, { children: [
                   V && !!V.length && (s || d) && /* @__PURE__ */ r(
                     "div",
                     {
-                      onClick: d1,
+                      onClick: C1,
                       style: {
                         cursor: a ? "not-allowed" : "pointer"
                       },
@@ -5509,7 +5566,7 @@ const N7 = ({
                         s1,
                         {
                           name: "cancel",
-                          color: a ? T.GREY_DARK_1 : T.GREY_DARK_2
+                          color: a ? D.GREY_DARK_1 : D.GREY_DARK_2
                         }
                       )
                     }
@@ -5518,47 +5575,47 @@ const N7 = ({
                     s1,
                     {
                       name: "selectArrowIcon",
-                      color: a ? T.GREY_DARK_1 : T.GREY_DARK_5,
+                      color: a ? D.GREY_DARK_1 : D.GREY_DARK_5,
                       className: x ? "select-arrow-rotated" : "select-arrow",
-                      onClick: () => D(!x)
+                      onClick: () => G(!x)
                     }
                   )
                 ] }) }),
-                removeIcon: /* @__PURE__ */ r(s1, { name: "cancelCircle", color: T.GREY_DARK_1 }),
+                removeIcon: /* @__PURE__ */ r(s1, { name: "cancelCircle", color: D.GREY_DARK_1 }),
                 options: o,
                 optionRender: (_) => b ? b(_.data) : /* @__PURE__ */ u(r1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                   /* @__PURE__ */ u(r1, { alignItems: "center", gap: 12, children: [
                     s && /* @__PURE__ */ r(
-                      Y2,
+                      W2,
                       {
                         checked: !!(V != null && V.includes(_.value))
                       }
                     ),
                     /* @__PURE__ */ u(r1, { alignItems: "center", gap: 8, children: [
-                      _.data.image && /* @__PURE__ */ r(P2, { src: _.data.image, size: 20 }),
+                      _.data.image && /* @__PURE__ */ r(Y2, { src: _.data.image, size: 20 }),
                       /* @__PURE__ */ r("span", { children: _.label })
                     ] })
                   ] }),
-                  !s && V === _.value && /* @__PURE__ */ r(s1, { name: "check", color: T.BLUE_DARK_1 })
+                  !s && V === _.value && /* @__PURE__ */ r(s1, { name: "check", color: D.BLUE_DARK_1 })
                 ] }),
                 dropdownRender: (_) => /* @__PURE__ */ u("div", { className: "dropdown-container", children: [
                   /* @__PURE__ */ r("div", { className: "dropdown-menu", children: y ? y(_) : _ }),
-                  E && /* @__PURE__ */ r("div", { className: "loading-overlay", children: /* @__PURE__ */ r(O1, {}) })
+                  E && /* @__PURE__ */ r("div", { className: "loading-overlay", children: /* @__PURE__ */ r(D1, {}) })
                 ] })
               }
             ),
-            t && /* @__PURE__ */ u(W, { children: [
+            t && /* @__PURE__ */ u(U, { children: [
               /* @__PURE__ */ r(
                 "label",
                 {
-                  className: `${P || E1 ? "label-floating" : ""} ${a ? "label-disabled" : ""} ${P ? "label-focused" : ""} ${E ? "label-loading" : ""} ${M ? "label-error" : ""}`,
+                  className: `${Y || I1 ? "label-floating" : ""} ${a ? "label-disabled" : ""} ${Y ? "label-focused" : ""} ${E ? "label-loading" : ""} ${M ? "label-error" : ""}`,
                   children: C ? `${t}*` : t
                 }
               ),
               /* @__PURE__ */ r(
                 "fieldset",
                 {
-                  className: `${P ? "fieldset-focused" : ""} ${a ? "fieldset-disabled" : ""} ${E1 ? "fieldset-filled" : ""} ${M ? "fieldset-error" : ""}`,
+                  className: `${Y ? "fieldset-focused" : ""} ${a ? "fieldset-disabled" : ""} ${I1 ? "fieldset-filled" : ""} ${M ? "fieldset-error" : ""}`,
                   children: /* @__PURE__ */ r("legend", { children: /* @__PURE__ */ r("span", { children: C ? `${t}*` : t }) })
                 }
               )
@@ -5571,38 +5628,38 @@ const N7 = ({
           s1,
           {
             name: "attention",
-            color: T.NOTIFICATION_ERROR_DARK,
+            color: D.NOTIFICATION_ERROR_DARK,
             height: 16,
             width: 16
           }
         ),
-        typeof M == "string" ? /* @__PURE__ */ r(L7, { color: T.NOTIFICATION_ERROR_DARK, variant: "body4", children: M }) : M
+        typeof M == "string" ? /* @__PURE__ */ r(R7, { color: D.NOTIFICATION_ERROR_DARK, variant: "body4", children: M }) : M
       ] })
     ] });
   }
-), v = (i) => typeof i == "string", n1 = () => {
+), N = (i) => typeof i == "string", n1 = () => {
   let i, e;
   const t = new Promise((s, n) => {
     i = s, e = n;
   });
   return t.resolve = i, t.reject = e, t;
-}, S1 = (i) => i == null ? "" : "" + i, _7 = (i, e, t) => {
+}, G1 = (i) => i == null ? "" : "" + i, H7 = (i, e, t) => {
   i.forEach((s) => {
     e[s] && (t[s] = e[s]);
   });
-}, M7 = /###/g, D1 = (i) => i && i.indexOf("###") > -1 ? i.replace(M7, ".") : i, G1 = (i) => !i || v(i), a1 = (i, e, t) => {
-  const s = v(e) ? e.split(".") : e;
+}, E7 = /###/g, T1 = (i) => i && i.indexOf("###") > -1 ? i.replace(E7, ".") : i, K1 = (i) => !i || N(i), a1 = (i, e, t) => {
+  const s = N(e) ? e.split(".") : e;
   let n = 0;
   for (; n < s.length - 1; ) {
-    if (G1(i)) return {};
-    const o = D1(s[n]);
+    if (K1(i)) return {};
+    const o = T1(s[n]);
     !i[o] && t && (i[o] = new t()), Object.prototype.hasOwnProperty.call(i, o) ? i = i[o] : i = {}, ++n;
   }
-  return G1(i) ? {} : {
+  return K1(i) ? {} : {
     obj: i,
-    k: D1(s[n])
+    k: T1(s[n])
   };
-}, T1 = (i, e, t) => {
+}, B1 = (i, e, t) => {
   const {
     obj: s,
     k: n
@@ -5615,28 +5672,28 @@ const N7 = ({
   for (; a.obj === void 0 && c.length; )
     o = `${c[c.length - 1]}.${o}`, c = c.slice(0, c.length - 1), a = a1(i, c, Object), a && a.obj && typeof a.obj[`${a.k}.${o}`] < "u" && (a.obj = void 0);
   a.obj[`${a.k}.${o}`] = t;
-}, b7 = (i, e, t, s) => {
+}, V7 = (i, e, t, s) => {
   const {
     obj: n,
     k: o
   } = a1(i, e, Object);
   n[o] = n[o] || [], n[o].push(t);
-}, u1 = (i, e) => {
+}, p1 = (i, e) => {
   const {
     obj: t,
     k: s
   } = a1(i, e);
   if (t)
     return t[s];
-}, y7 = (i, e, t) => {
-  const s = u1(i, t);
-  return s !== void 0 ? s : u1(e, t);
+}, I7 = (i, e, t) => {
+  const s = p1(i, t);
+  return s !== void 0 ? s : p1(e, t);
 }, s2 = (i, e, t) => {
   for (const s in e)
-    s !== "__proto__" && s !== "constructor" && (s in i ? v(i[s]) || i[s] instanceof String || v(e[s]) || e[s] instanceof String ? t && (i[s] = e[s]) : s2(i[s], e[s], t) : i[s] = e[s]);
+    s !== "__proto__" && s !== "constructor" && (s in i ? N(i[s]) || i[s] instanceof String || N(e[s]) || e[s] instanceof String ? t && (i[s] = e[s]) : s2(i[s], e[s], t) : i[s] = e[s]);
   return i;
 }, X = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
-var H7 = {
+var A7 = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
@@ -5644,8 +5701,8 @@ var H7 = {
   "'": "&#39;",
   "/": "&#x2F;"
 };
-const E7 = (i) => v(i) ? i.replace(/[&<>"'\/]/g, (e) => H7[e]) : i;
-class V7 {
+const Z7 = (i) => N(i) ? i.replace(/[&<>"'\/]/g, (e) => A7[e]) : i;
+class O7 {
   constructor(e) {
     this.capacity = e, this.regExpMap = /* @__PURE__ */ new Map(), this.regExpQueue = [];
   }
@@ -5657,11 +5714,11 @@ class V7 {
     return this.regExpQueue.length === this.capacity && this.regExpMap.delete(this.regExpQueue.shift()), this.regExpMap.set(e, s), this.regExpQueue.push(e), s;
   }
 }
-const I7 = [" ", ",", "?", "!", ";"], A7 = new V7(20), Z7 = (i, e, t) => {
+const S7 = [" ", ",", "?", "!", ";"], D7 = new O7(20), G7 = (i, e, t) => {
   e = e || "", t = t || "";
-  const s = I7.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
+  const s = S7.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
   if (s.length === 0) return !0;
-  const n = A7.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
+  const n = D7.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
   let o = !n.test(i);
   if (!o) {
     const c = i.indexOf(t);
@@ -5688,7 +5745,7 @@ const I7 = [" ", ",", "?", "!", ";"], A7 = new V7(20), Z7 = (i, e, t) => {
     n = c;
   }
   return n;
-}, p1 = (i) => i && i.replace("_", "-"), O7 = {
+}, f1 = (i) => i && i.replace("_", "-"), T7 = {
   type: "logger",
   log(i) {
     this.output("log", i);
@@ -5703,14 +5760,14 @@ const I7 = [" ", ",", "?", "!", ";"], A7 = new V7(20), Z7 = (i, e, t) => {
     console && console[i] && console[i].apply(console, e);
   }
 };
-class f1 {
+class m1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     this.init(e, t);
   }
   init(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.prefix = t.prefix || "i18next:", this.logger = e || O7, this.options = t, this.debug = t.debug;
+    this.prefix = t.prefix || "i18next:", this.logger = e || T7, this.options = t, this.debug = t.debug;
   }
   log() {
     for (var e = arguments.length, t = new Array(e), s = 0; s < e; s++)
@@ -5733,19 +5790,19 @@ class f1 {
     return this.forward(t, "warn", "WARNING DEPRECATED: ", !0);
   }
   forward(e, t, s, n) {
-    return n && !this.debug ? null : (v(e[0]) && (e[0] = `${s}${this.prefix} ${e[0]}`), this.logger[t](e));
+    return n && !this.debug ? null : (N(e[0]) && (e[0] = `${s}${this.prefix} ${e[0]}`), this.logger[t](e));
   }
   create(e) {
-    return new f1(this.logger, {
+    return new m1(this.logger, {
       prefix: `${this.prefix}:${e}:`,
       ...this.options
     });
   }
   clone(e) {
-    return e = e || this.options, e.prefix = e.prefix || this.prefix, new f1(this.logger, e);
+    return e = e || this.options, e.prefix = e.prefix || this.prefix, new m1(this.logger, e);
   }
 }
-var B = new f1();
+var B = new m1();
 class L1 {
   constructor() {
     this.observers = {};
@@ -5780,7 +5837,7 @@ class L1 {
     });
   }
 }
-class K1 extends L1 {
+class Y1 extends L1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
       ns: ["translation"],
@@ -5799,9 +5856,9 @@ class K1 extends L1 {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
     const o = n.keySeparator !== void 0 ? n.keySeparator : this.options.keySeparator, c = n.ignoreJSONStructure !== void 0 ? n.ignoreJSONStructure : this.options.ignoreJSONStructure;
     let a;
-    e.indexOf(".") > -1 ? a = e.split(".") : (a = [e, t], s && (Array.isArray(s) ? a.push(...s) : v(s) && o ? a.push(...s.split(o)) : a.push(s)));
-    const C = u1(this.data, a);
-    return !C && !t && !s && e.indexOf(".") > -1 && (e = a[0], t = a[1], s = a.slice(2).join(".")), C || !c || !v(s) ? C : _1(this.data && this.data[e] && this.data[e][t], s, o);
+    e.indexOf(".") > -1 ? a = e.split(".") : (a = [e, t], s && (Array.isArray(s) ? a.push(...s) : N(s) && o ? a.push(...s.split(o)) : a.push(s)));
+    const C = p1(this.data, a);
+    return !C && !t && !s && e.indexOf(".") > -1 && (e = a[0], t = a[1], s = a.slice(2).join(".")), C || !c || !N(s) ? C : _1(this.data && this.data[e] && this.data[e][t], s, o);
   }
   addResource(e, t, s, n) {
     let o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {
@@ -5809,14 +5866,14 @@ class K1 extends L1 {
     };
     const c = o.keySeparator !== void 0 ? o.keySeparator : this.options.keySeparator;
     let a = [e, t];
-    s && (a = a.concat(c ? s.split(c) : s)), e.indexOf(".") > -1 && (a = e.split("."), n = t, t = a[1]), this.addNamespaces(t), T1(this.data, a, n), o.silent || this.emit("added", e, t, s, n);
+    s && (a = a.concat(c ? s.split(c) : s)), e.indexOf(".") > -1 && (a = e.split("."), n = t, t = a[1]), this.addNamespaces(t), B1(this.data, a, n), o.silent || this.emit("added", e, t, s, n);
   }
   addResources(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {
       silent: !1
     };
     for (const o in s)
-      (v(s[o]) || Array.isArray(s[o])) && this.addResource(e, t, o, s[o], {
+      (N(s[o]) || Array.isArray(s[o])) && this.addResource(e, t, o, s[o], {
         silent: !0
       });
     n.silent || this.emit("added", e, t, s);
@@ -5827,11 +5884,11 @@ class K1 extends L1 {
       skipCopy: !1
     }, a = [e, t];
     e.indexOf(".") > -1 && (a = e.split("."), n = s, s = t, t = a[1]), this.addNamespaces(t);
-    let C = u1(this.data, a) || {};
+    let C = p1(this.data, a) || {};
     c.skipCopy || (s = JSON.parse(JSON.stringify(s))), n ? s2(C, s, o) : C = {
       ...C,
       ...s
-    }, T1(this.data, a, C), c.silent || this.emit("added", e, t, s);
+    }, B1(this.data, a, C), c.silent || this.emit("added", e, t, s);
   }
   removeResourceBundle(e, t) {
     this.hasResourceBundle(e, t) && delete this.data[e][t], this.removeNamespaces(t), this.emit("removed", e, t);
@@ -5866,11 +5923,11 @@ var n2 = {
     }), e;
   }
 };
-const B1 = {};
-class m1 extends L1 {
+const P1 = {};
+class w1 extends L1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    super(), _7(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = B.create("translator");
+    super(), H7(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = B.create("translator");
   }
   changeLanguage(e) {
     e && (this.language = e);
@@ -5889,20 +5946,20 @@ class m1 extends L1 {
     s === void 0 && (s = ":");
     const n = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator;
     let o = t.ns || this.options.defaultNS || [];
-    const c = s && e.indexOf(s) > -1, a = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !Z7(e, s, n);
+    const c = s && e.indexOf(s) > -1, a = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !G7(e, s, n);
     if (c && !a) {
       const C = e.match(this.interpolator.nestingRegexp);
       if (C && C.length > 0)
         return {
           key: e,
-          namespaces: v(o) ? [o] : o
+          namespaces: N(o) ? [o] : o
         };
       const d = e.split(s);
       (s !== n || s === n && this.options.ns.indexOf(d[0]) > -1) && (o = d.shift()), e = d.join(n);
     }
     return {
       key: e,
-      namespaces: v(o) ? [o] : o
+      namespaces: N(o) ? [o] : o
     };
   }
   translate(e, t, s) {
@@ -5916,15 +5973,15 @@ class m1 extends L1 {
     } = this.extractFromKey(e[e.length - 1], t), C = a[a.length - 1], d = t.lng || this.language, l = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
     if (d && d.toLowerCase() === "cimode") {
       if (l) {
-        const f = t.nsSeparator || this.options.nsSeparator;
+        const m = t.nsSeparator || this.options.nsSeparator;
         return n ? {
-          res: `${C}${f}${c}`,
+          res: `${C}${m}${c}`,
           usedKey: c,
           exactUsedKey: c,
           usedLng: d,
           usedNS: C,
           usedParams: this.getUsedParamsDetails(t)
-        } : `${C}${f}${c}`;
+        } : `${C}${m}${c}`;
       }
       return n ? {
         res: c,
@@ -5937,40 +5994,40 @@ class m1 extends L1 {
     }
     const h = this.resolve(e, t);
     let g = h && h.res;
-    const p = h && h.usedKey || c, k = h && h.exactUsedKey || c, N = Object.prototype.toString.apply(g), L = ["[object Number]", "[object Function]", "[object RegExp]"], y = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, b = !this.i18nFormat || this.i18nFormat.handleAsObject, E = !v(g) && typeof g != "boolean" && typeof g != "number";
-    if (b && g && E && L.indexOf(N) < 0 && !(v(y) && Array.isArray(g))) {
+    const p = h && h.usedKey || c, k = h && h.exactUsedKey || c, v = Object.prototype.toString.apply(g), f = ["[object Number]", "[object Function]", "[object RegExp]"], y = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, b = !this.i18nFormat || this.i18nFormat.handleAsObject, E = !N(g) && typeof g != "boolean" && typeof g != "number";
+    if (b && g && E && f.indexOf(v) < 0 && !(N(y) && Array.isArray(g))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
-        const f = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, g, {
+        const m = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, g, {
           ...t,
           ns: a
         }) : `key '${c} (${this.language})' returned an object instead of string.`;
-        return n ? (h.res = f, h.usedParams = this.getUsedParamsDetails(t), h) : f;
+        return n ? (h.res = m, h.usedParams = this.getUsedParamsDetails(t), h) : m;
       }
       if (o) {
-        const f = Array.isArray(g), M = f ? [] : {}, R = f ? k : p;
+        const m = Array.isArray(g), M = m ? [] : {}, R = m ? k : p;
         for (const x in g)
           if (Object.prototype.hasOwnProperty.call(g, x)) {
-            const D = `${R}${o}${x}`;
-            M[x] = this.translate(D, {
+            const G = `${R}${o}${x}`;
+            M[x] = this.translate(G, {
               ...t,
               joinArrays: !1,
               ns: a
-            }), M[x] === D && (M[x] = g[x]);
+            }), M[x] === G && (M[x] = g[x]);
           }
         g = M;
       }
-    } else if (b && v(y) && Array.isArray(g))
+    } else if (b && N(y) && Array.isArray(g))
       g = g.join(y), g && (g = this.extendTranslation(g, e, t, s));
     else {
-      let f = !1, M = !1;
-      const R = t.count !== void 0 && !v(t.count), x = m1.hasDefaultValue(t), D = R ? this.pluralResolver.getSuffix(d, t.count, t) : "", P = t.ordinal && R ? this.pluralResolver.getSuffix(d, t.count, {
+      let m = !1, M = !1;
+      const R = t.count !== void 0 && !N(t.count), x = w1.hasDefaultValue(t), G = R ? this.pluralResolver.getSuffix(d, t.count, t) : "", Y = t.ordinal && R ? this.pluralResolver.getSuffix(d, t.count, {
         ordinal: !1
-      }) : "", i1 = R && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), $ = i1 && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${D}`] || t[`defaultValue${P}`] || t.defaultValue;
-      !this.isValidLookup(g) && x && (f = !0, g = $), this.isValidLookup(g) || (M = !0, g = c);
-      const V = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && M ? void 0 : g, Y = x && $ !== g && this.options.updateMissing;
-      if (M || f || Y) {
-        if (this.logger.log(Y ? "updateKey" : "missingKey", d, C, c, Y ? $ : g), o) {
+      }) : "", i1 = R && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), $ = i1 && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${G}`] || t[`defaultValue${Y}`] || t.defaultValue;
+      !this.isValidLookup(g) && x && (m = !0, g = $), this.isValidLookup(g) || (M = !0, g = c);
+      const V = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && M ? void 0 : g, P = x && $ !== g && this.options.updateMissing;
+      if (M || m || P) {
+        if (this.logger.log(P ? "updateKey" : "missingKey", d, C, c, P ? $ : g), o) {
           const O = this.resolve(c, {
             ...t,
             keySeparator: !1
@@ -5983,18 +6040,18 @@ class m1 extends L1 {
           for (let O = 0; O < q.length; O++)
             F.push(q[O]);
         else this.options.saveMissingTo === "all" ? F = this.languageUtils.toResolveHierarchy(t.lng || this.language) : F.push(t.lng || this.language);
-        const c1 = (O, j, S) => {
-          const d1 = x && S !== g ? S : V;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(O, C, j, d1, Y, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(O, C, j, d1, Y, t), this.emit("missingKey", O, C, j, g);
+        const d1 = (O, j, S) => {
+          const C1 = x && S !== g ? S : V;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(O, C, j, C1, P, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(O, C, j, C1, P, t), this.emit("missingKey", O, C, j, g);
         };
         this.options.saveMissing && (this.options.saveMissingPlurals && R ? F.forEach((O) => {
           const j = this.pluralResolver.getSuffixes(O, t);
           i1 && t[`defaultValue${this.options.pluralSeparator}zero`] && j.indexOf(`${this.options.pluralSeparator}zero`) < 0 && j.push(`${this.options.pluralSeparator}zero`), j.forEach((S) => {
-            c1([O], c + S, t[`defaultValue${S}`] || $);
+            d1([O], c + S, t[`defaultValue${S}`] || $);
           });
-        }) : c1(F, c, $));
+        }) : d1(F, c, $));
       }
-      g = this.extendTranslation(g, e, t, h, s), M && g === c && this.options.appendNamespaceToMissingKey && (g = `${C}:${c}`), (M || f) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? g = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${C}:${c}` : c, f ? g : void 0) : g = this.options.parseMissingKeyHandler(g));
+      g = this.extendTranslation(g, e, t, h, s), M && g === c && this.options.appendNamespaceToMissingKey && (g = `${C}:${c}`), (M || m) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? g = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${C}:${c}` : c, m ? g : void 0) : g = this.options.parseMissingKeyHandler(g));
     }
     return n ? (h.res = g, h.usedParams = this.getUsedParamsDetails(t), h) : g;
   }
@@ -6015,13 +6072,13 @@ class m1 extends L1 {
           ...s.interpolation
         }
       });
-      const d = v(e) && (s && s.interpolation && s.interpolation.skipOnVariables !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
+      const d = N(e) && (s && s.interpolation && s.interpolation.skipOnVariables !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
       let l;
       if (d) {
         const g = e.match(this.interpolator.nestingRegexp);
         l = g && g.length;
       }
-      let h = s.replace && !v(s.replace) ? s.replace : s;
+      let h = s.replace && !N(s.replace) ? s.replace : s;
       if (this.options.interpolation.defaultVariables && (h = {
         ...this.options.interpolation.defaultVariables,
         ...h
@@ -6035,7 +6092,7 @@ class m1 extends L1 {
         return o && o[0] === p[0] && !s.context ? (c.logger.warn(`It seems you are nesting recursively key: ${p[0]} in key: ${t[0]}`), null) : c.translate(...p, t);
       }, s)), s.interpolation && this.interpolator.reset();
     }
-    const a = s.postProcess || this.options.postProcess, C = v(a) ? [a] : a;
+    const a = s.postProcess || this.options.postProcess, C = N(a) ? [a] : a;
     return e != null && C && C.length && s.applyPostProcessor !== !1 && (e = n2.handle(C, e, t, this.options && this.options.postProcessPassResolved ? {
       i18nResolved: {
         ...n,
@@ -6046,32 +6103,32 @@ class m1 extends L1 {
   }
   resolve(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, s, n, o, c, a;
-    return v(e) && (e = [e]), e.forEach((C) => {
+    return N(e) && (e = [e]), e.forEach((C) => {
       if (this.isValidLookup(s)) return;
       const d = this.extractFromKey(C, t), l = d.key;
       n = l;
       let h = d.namespaces;
       this.options.fallbackNS && (h = h.concat(this.options.fallbackNS));
-      const g = t.count !== void 0 && !v(t.count), p = g && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), k = t.context !== void 0 && (v(t.context) || typeof t.context == "number") && t.context !== "", N = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
-      h.forEach((L) => {
-        this.isValidLookup(s) || (a = L, !B1[`${N[0]}-${L}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(a) && (B1[`${N[0]}-${L}`] = !0, this.logger.warn(`key "${n}" for languages "${N.join(", ")}" won't get resolved as namespace "${a}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), N.forEach((y) => {
+      const g = t.count !== void 0 && !N(t.count), p = g && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), k = t.context !== void 0 && (N(t.context) || typeof t.context == "number") && t.context !== "", v = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      h.forEach((f) => {
+        this.isValidLookup(s) || (a = f, !P1[`${v[0]}-${f}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(a) && (P1[`${v[0]}-${f}`] = !0, this.logger.warn(`key "${n}" for languages "${v.join(", ")}" won't get resolved as namespace "${a}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), v.forEach((y) => {
           if (this.isValidLookup(s)) return;
           c = y;
           const b = [l];
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
-            this.i18nFormat.addLookupKeys(b, l, y, L, t);
+            this.i18nFormat.addLookupKeys(b, l, y, f, t);
           else {
-            let f;
-            g && (f = this.pluralResolver.getSuffix(y, t.count, t));
+            let m;
+            g && (m = this.pluralResolver.getSuffix(y, t.count, t));
             const M = `${this.options.pluralSeparator}zero`, R = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (g && (b.push(l + f), t.ordinal && f.indexOf(R) === 0 && b.push(l + f.replace(R, this.options.pluralSeparator)), p && b.push(l + M)), k) {
+            if (g && (b.push(l + m), t.ordinal && m.indexOf(R) === 0 && b.push(l + m.replace(R, this.options.pluralSeparator)), p && b.push(l + M)), k) {
               const x = `${l}${this.options.contextSeparator}${t.context}`;
-              b.push(x), g && (b.push(x + f), t.ordinal && f.indexOf(R) === 0 && b.push(x + f.replace(R, this.options.pluralSeparator)), p && b.push(x + M));
+              b.push(x), g && (b.push(x + m), t.ordinal && m.indexOf(R) === 0 && b.push(x + m.replace(R, this.options.pluralSeparator)), p && b.push(x + M));
             }
           }
           let E;
           for (; E = b.pop(); )
-            this.isValidLookup(s) || (o = E, s = this.getResource(y, L, E, t));
+            this.isValidLookup(s) || (o = E, s = this.getResource(y, f, E, t));
         }));
       });
     }), {
@@ -6091,7 +6148,7 @@ class m1 extends L1 {
   }
   getUsedParamsDetails() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    const t = ["defaultValue", "ordinal", "context", "replace", "lng", "lngs", "fallbackLng", "ns", "keySeparator", "nsSeparator", "returnObjects", "returnDetails", "joinArrays", "postProcess", "interpolation"], s = e.replace && !v(e.replace);
+    const t = ["defaultValue", "ordinal", "context", "replace", "lng", "lngs", "fallbackLng", "ns", "keySeparator", "nsSeparator", "returnObjects", "returnDetails", "joinArrays", "postProcess", "interpolation"], s = e.replace && !N(e.replace);
     let n = s ? e.replace : e;
     if (s && typeof e.count < "u" && (n.count = e.count), this.options.interpolation.defaultVariables && (n = {
       ...this.options.interpolation.defaultVariables,
@@ -6114,22 +6171,22 @@ class m1 extends L1 {
   }
 }
 const N1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
-class P1 {
+class j1 {
   constructor(e) {
     this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = B.create("languageUtils");
   }
   getScriptPartFromCode(e) {
-    if (e = p1(e), !e || e.indexOf("-") < 0) return null;
+    if (e = f1(e), !e || e.indexOf("-") < 0) return null;
     const t = e.split("-");
     return t.length === 2 || (t.pop(), t[t.length - 1].toLowerCase() === "x") ? null : this.formatLanguageCode(t.join("-"));
   }
   getLanguagePartFromCode(e) {
-    if (e = p1(e), !e || e.indexOf("-") < 0) return e;
+    if (e = f1(e), !e || e.indexOf("-") < 0) return e;
     const t = e.split("-");
     return this.formatLanguageCode(t[0]);
   }
   formatLanguageCode(e) {
-    if (v(e) && e.indexOf("-") > -1) {
+    if (N(e) && e.indexOf("-") > -1) {
       if (typeof Intl < "u" && typeof Intl.getCanonicalLocales < "u")
         try {
           let n = Intl.getCanonicalLocales(e)[0];
@@ -6165,7 +6222,7 @@ class P1 {
   }
   getFallbackCodes(e, t) {
     if (!e) return [];
-    if (typeof e == "function" && (e = e(t)), v(e) && (e = [e]), Array.isArray(e)) return e;
+    if (typeof e == "function" && (e = e(t)), N(e) && (e = [e]), Array.isArray(e)) return e;
     if (!t) return e.default || [];
     let s = e[t];
     return s || (s = e[this.getScriptPartFromCode(t)]), s || (s = e[this.formatLanguageCode(t)]), s || (s = e[this.getLanguagePartFromCode(t)]), s || (s = e.default), s || [];
@@ -6174,12 +6231,12 @@ class P1 {
     const s = this.getFallbackCodes(t || this.options.fallbackLng || [], e), n = [], o = (c) => {
       c && (this.isSupportedCode(c) ? n.push(c) : this.logger.warn(`rejecting language code not found in supportedLngs: ${c}`));
     };
-    return v(e) && (e.indexOf("-") > -1 || e.indexOf("_") > -1) ? (this.options.load !== "languageOnly" && o(this.formatLanguageCode(e)), this.options.load !== "languageOnly" && this.options.load !== "currentOnly" && o(this.getScriptPartFromCode(e)), this.options.load !== "currentOnly" && o(this.getLanguagePartFromCode(e))) : v(e) && o(this.formatLanguageCode(e)), s.forEach((c) => {
+    return N(e) && (e.indexOf("-") > -1 || e.indexOf("_") > -1) ? (this.options.load !== "languageOnly" && o(this.formatLanguageCode(e)), this.options.load !== "languageOnly" && this.options.load !== "currentOnly" && o(this.getScriptPartFromCode(e)), this.options.load !== "currentOnly" && o(this.getLanguagePartFromCode(e))) : N(e) && o(this.formatLanguageCode(e)), s.forEach((c) => {
       n.indexOf(c) < 0 && o(this.formatLanguageCode(c));
     }), n;
   }
 }
-let S7 = [{
+let K7 = [{
   lngs: ["ach", "ak", "am", "arn", "br", "fil", "gun", "ln", "mfe", "mg", "mi", "oc", "pt", "pt-BR", "tg", "tl", "ti", "tr", "uz", "wa"],
   nr: [1, 2],
   fc: 1
@@ -6271,7 +6328,7 @@ let S7 = [{
   lngs: ["he", "iw"],
   nr: [1, 2, 20, 21],
   fc: 22
-}], D7 = {
+}], B7 = {
   1: (i) => +(i > 1),
   2: (i) => +(i != 1),
   3: (i) => 0,
@@ -6295,28 +6352,28 @@ let S7 = [{
   21: (i) => i % 100 == 1 ? 1 : i % 100 == 2 ? 2 : i % 100 == 3 || i % 100 == 4 ? 3 : 0,
   22: (i) => i == 1 ? 0 : i == 2 ? 1 : (i < 0 || i > 10) && i % 10 == 0 ? 2 : 3
 };
-const G7 = ["v1", "v2", "v3"], T7 = ["v4"], Y1 = {
+const Y7 = ["v1", "v2", "v3"], P7 = ["v4"], $1 = {
   zero: 0,
   one: 1,
   two: 2,
   few: 3,
   many: 4,
   other: 5
-}, K7 = () => {
+}, j7 = () => {
   const i = {};
-  return S7.forEach((e) => {
+  return K7.forEach((e) => {
     e.lngs.forEach((t) => {
       i[t] = {
         numbers: e.nr,
-        plurals: D7[e.fc]
+        plurals: B7[e.fc]
       };
     });
   }), i;
 };
-class B7 {
+class $7 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.languageUtils = e, this.options = t, this.logger = B.create("pluralResolver"), (!this.options.compatibilityJSON || T7.includes(this.options.compatibilityJSON)) && (typeof Intl > "u" || !Intl.PluralRules) && (this.options.compatibilityJSON = "v3", this.logger.error("Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling.")), this.rules = K7(), this.pluralRulesCache = {};
+    this.languageUtils = e, this.options = t, this.logger = B.create("pluralResolver"), (!this.options.compatibilityJSON || P7.includes(this.options.compatibilityJSON)) && (typeof Intl > "u" || !Intl.PluralRules) && (this.options.compatibilityJSON = "v3", this.logger.error("Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling.")), this.rules = j7(), this.pluralRulesCache = {};
   }
   addRule(e, t) {
     this.rules[e] = t;
@@ -6327,7 +6384,7 @@ class B7 {
   getRule(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (this.shouldUseIntlApi()) {
-      const s = p1(e === "dev" ? "en" : e), n = t.ordinal ? "ordinal" : "cardinal", o = JSON.stringify({
+      const s = f1(e === "dev" ? "en" : e), n = t.ordinal ? "ordinal" : "cardinal", o = JSON.stringify({
         cleanedCode: s,
         type: n
       });
@@ -6359,7 +6416,7 @@ class B7 {
   getSuffixes(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     const s = this.getRule(e, t);
-    return s ? this.shouldUseIntlApi() ? s.resolvedOptions().pluralCategories.sort((n, o) => Y1[n] - Y1[o]).map((n) => `${this.options.prepend}${t.ordinal ? `ordinal${this.options.prepend}` : ""}${n}`) : s.numbers.map((n) => this.getSuffix(e, n, t)) : [];
+    return s ? this.shouldUseIntlApi() ? s.resolvedOptions().pluralCategories.sort((n, o) => $1[n] - $1[o]).map((n) => `${this.options.prepend}${t.ordinal ? `ordinal${this.options.prepend}` : ""}${n}`) : s.numbers.map((n) => this.getSuffix(e, n, t)) : [];
   }
   getSuffix(e, t) {
     let s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
@@ -6374,14 +6431,14 @@ class B7 {
     return this.options.compatibilityJSON === "v1" ? n === 1 ? "" : typeof n == "number" ? `_plural_${n.toString()}` : o() : this.options.compatibilityJSON === "v2" || this.options.simplifyPluralSuffix && e.numbers.length === 2 && e.numbers[0] === 1 ? o() : this.options.prepend && s.toString() ? this.options.prepend + s.toString() : s.toString();
   }
   shouldUseIntlApi() {
-    return !G7.includes(this.options.compatibilityJSON);
+    return !Y7.includes(this.options.compatibilityJSON);
   }
 }
-const j1 = function(i, e, t) {
-  let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", n = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, o = y7(i, e, t);
-  return !o && n && v(t) && (o = _1(i, t, s), o === void 0 && (o = _1(e, t, s))), o;
+const F1 = function(i, e, t) {
+  let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", n = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, o = I7(i, e, t);
+  return !o && n && N(t) && (o = _1(i, t, s), o === void 0 && (o = _1(e, t, s))), o;
 }, R1 = (i) => i.replace(/\$/g, "$$$$");
-class P7 {
+class F7 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     this.logger = B.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
@@ -6405,12 +6462,12 @@ class P7 {
       nestingPrefix: g,
       nestingPrefixEscaped: p,
       nestingSuffix: k,
-      nestingSuffixEscaped: N,
-      nestingOptionsSeparator: L,
+      nestingSuffixEscaped: v,
+      nestingOptionsSeparator: f,
       maxReplaces: y,
       alwaysFormat: b
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : E7, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = o ? X(o) : c || "{{", this.suffix = a ? X(a) : C || "}}", this.formatSeparator = d || ",", this.unescapePrefix = l ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = g ? X(g) : p || X("$t("), this.nestingSuffix = k ? X(k) : N || X(")"), this.nestingOptionsSeparator = L || ",", this.maxReplaces = y || 1e3, this.alwaysFormat = b !== void 0 ? b : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : Z7, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = o ? X(o) : c || "{{", this.suffix = a ? X(a) : C || "}}", this.formatSeparator = d || ",", this.unescapePrefix = l ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = g ? X(g) : p || X("$t("), this.nestingSuffix = k ? X(k) : v || X(")"), this.nestingOptionsSeparator = f || ",", this.maxReplaces = y || 1e3, this.alwaysFormat = b !== void 0 ? b : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -6423,18 +6480,18 @@ class P7 {
     let o, c, a;
     const C = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, d = (p) => {
       if (p.indexOf(this.formatSeparator) < 0) {
-        const y = j1(t, C, p, this.options.keySeparator, this.options.ignoreJSONStructure);
+        const y = F1(t, C, p, this.options.keySeparator, this.options.ignoreJSONStructure);
         return this.alwaysFormat ? this.format(y, void 0, s, {
           ...n,
           ...t,
           interpolationkey: p
         }) : y;
       }
-      const k = p.split(this.formatSeparator), N = k.shift().trim(), L = k.join(this.formatSeparator).trim();
-      return this.format(j1(t, C, N, this.options.keySeparator, this.options.ignoreJSONStructure), L, s, {
+      const k = p.split(this.formatSeparator), v = k.shift().trim(), f = k.join(this.formatSeparator).trim();
+      return this.format(F1(t, C, v, this.options.keySeparator, this.options.ignoreJSONStructure), f, s, {
         ...n,
         ...t,
-        interpolationkey: N
+        interpolationkey: v
       });
     };
     this.resetRegExp();
@@ -6450,8 +6507,8 @@ class P7 {
         const k = o[1].trim();
         if (c = d(k), c === void 0)
           if (typeof l == "function") {
-            const L = l(e, o, n);
-            c = v(L) ? L : "";
+            const f = l(e, o, n);
+            c = N(f) ? f : "";
           } else if (n && Object.prototype.hasOwnProperty.call(n, k))
             c = "";
           else if (h) {
@@ -6459,9 +6516,9 @@ class P7 {
             continue;
           } else
             this.logger.warn(`missed to pass in variable ${k} for interpolating ${e}`), c = "";
-        else !v(c) && !this.useRawValueToEscape && (c = S1(c));
-        const N = p.safeValue(c);
-        if (e = e.replace(o[0], N), h ? (p.regex.lastIndex += c.length, p.regex.lastIndex -= o[0].length) : p.regex.lastIndex = 0, a++, a >= this.maxReplaces)
+        else !N(c) && !this.useRawValueToEscape && (c = G1(c));
+        const v = p.safeValue(c);
+        if (e = e.replace(o[0], v), h ? (p.regex.lastIndex += c.length, p.regex.lastIndex -= o[0].length) : p.regex.lastIndex = 0, a++, a >= this.maxReplaces)
           break;
       }
     }), e;
@@ -6481,8 +6538,8 @@ class P7 {
           ...d,
           ...c
         });
-      } catch (N) {
-        return this.logger.warn(`failed parsing options string in nesting for key ${C}`, N), `${C}${l}${g}`;
+      } catch (v) {
+        return this.logger.warn(`failed parsing options string in nesting for key ${C}`, v), `${C}${l}${g}`;
       }
       return c.defaultValue && c.defaultValue.indexOf(this.prefix) > -1 && delete c.defaultValue, C;
     };
@@ -6490,14 +6547,14 @@ class P7 {
       let C = [];
       c = {
         ...s
-      }, c = c.replace && !v(c.replace) ? c.replace : c, c.applyPostProcessor = !1, delete c.defaultValue;
+      }, c = c.replace && !N(c.replace) ? c.replace : c, c.applyPostProcessor = !1, delete c.defaultValue;
       let d = !1;
       if (n[0].indexOf(this.formatSeparator) !== -1 && !/{.*}/.test(n[1])) {
         const l = n[1].split(this.formatSeparator).map((h) => h.trim());
         n[1] = l.shift(), C = l, d = !0;
       }
-      if (o = t(a.call(this, n[1].trim(), c), c), o && n[0] === e && !v(o)) return o;
-      v(o) || (o = S1(o)), o || (this.logger.warn(`missed to resolve ${n[1]} for nesting ${e}`), o = ""), d && (o = C.reduce((l, h) => this.format(l, h, s.lng, {
+      if (o = t(a.call(this, n[1].trim(), c), c), o && n[0] === e && !N(o)) return o;
+      N(o) || (o = G1(o)), o || (this.logger.warn(`missed to resolve ${n[1]} for nesting ${e}`), o = ""), d && (o = C.reduce((l, h) => this.format(l, h, s.lng, {
         ...s,
         interpolationkey: n[1].trim()
       }), o.trim())), e = e.replace(n[0], o), this.regexp.lastIndex = 0;
@@ -6505,7 +6562,7 @@ class P7 {
     return e;
   }
 }
-const Y7 = (i) => {
+const W7 = (i) => {
   let e = i.toLowerCase().trim();
   const t = {};
   if (i.indexOf("(") > -1) {
@@ -6533,10 +6590,10 @@ const Y7 = (i) => {
     });
     const c = s + JSON.stringify(o);
     let a = e[c];
-    return a || (a = i(p1(s), n), e[c] = a), a(t);
+    return a || (a = i(f1(s), n), e[c] = a), a(t);
   };
 };
-class j7 {
+class U7 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     this.logger = B.create("formatter"), this.options = e, this.formats = {
@@ -6596,7 +6653,7 @@ class j7 {
       const {
         formatName: d,
         formatOptions: l
-      } = Y7(C);
+      } = W7(C);
       if (this.formats[d]) {
         let h = a;
         try {
@@ -6616,10 +6673,10 @@ class j7 {
     }, e);
   }
 }
-const $7 = (i, e) => {
+const z7 = (i, e) => {
   i.pending[e] !== void 0 && (delete i.pending[e], i.pendingCount--);
 };
-class F7 extends L1 {
+class J7 extends L1 {
   constructor(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
     super(), this.backend = e, this.store = t, this.services = s, this.languageUtils = s.languageUtils, this.options = n, this.logger = B.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = n.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = n.maxRetries >= 0 ? n.maxRetries : 5, this.retryTimeout = n.retryTimeout >= 1 ? n.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, n.backend, n);
@@ -6652,7 +6709,7 @@ class F7 extends L1 {
     }), this.state[e] = t ? -1 : 2, t && s && (this.state[e] = 0);
     const a = {};
     this.queue.forEach((C) => {
-      b7(C.loaded, [o], c), $7(C, e), t && C.errors.push(t), C.pendingCount === 0 && !C.done && (Object.keys(C.loaded).forEach((d) => {
+      V7(C.loaded, [o], c), z7(C, e), t && C.errors.push(t), C.pendingCount === 0 && !C.done && (Object.keys(C.loaded).forEach((d) => {
         a[d] || (a[d] = {});
         const l = C.loaded[d];
         l.length && l.forEach((h) => {
@@ -6704,7 +6761,7 @@ class F7 extends L1 {
     let s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = arguments.length > 3 ? arguments[3] : void 0;
     if (!this.backend)
       return this.logger.warn("No backend was added via i18next.use. Will not load resources."), n && n();
-    v(e) && (e = this.languageUtils.toResolveHierarchy(e)), v(t) && (t = [t]);
+    N(e) && (e = this.languageUtils.toResolveHierarchy(e)), N(t) && (t = [t]);
     const o = this.queueLoad(e, t, s, n);
     if (!o.toLoad.length)
       return o.pending.length || n(), null;
@@ -6754,7 +6811,7 @@ class F7 extends L1 {
     }
   }
 }
-const $1 = () => ({
+const W1 = () => ({
   debug: !1,
   initImmediate: !0,
   ns: ["translation"],
@@ -6789,7 +6846,7 @@ const $1 = () => ({
   appendNamespaceToCIMode: !1,
   overloadTranslationOptionHandler: (i) => {
     let e = {};
-    if (typeof i[1] == "object" && (e = i[1]), v(i[1]) && (e.defaultValue = i[1]), v(i[2]) && (e.tDescription = i[2]), typeof i[2] == "object" || typeof i[3] == "object") {
+    if (typeof i[1] == "object" && (e = i[1]), N(i[1]) && (e.defaultValue = i[1]), N(i[2]) && (e.tDescription = i[2]), typeof i[2] == "object" || typeof i[3] == "object") {
       const t = i[3] || i[2];
       Object.keys(t).forEach((s) => {
         e[s] = t[s];
@@ -6810,8 +6867,8 @@ const $1 = () => ({
     maxReplaces: 1e3,
     skipOnVariables: !0
   }
-}), F1 = (i) => (v(i.ns) && (i.ns = [i.ns]), v(i.fallbackLng) && (i.fallbackLng = [i.fallbackLng]), v(i.fallbackNS) && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), g1 = () => {
-}, W7 = (i) => {
+}), U1 = (i) => (N(i.ns) && (i.ns = [i.ns]), N(i.fallbackLng) && (i.fallbackLng = [i.fallbackLng]), N(i.fallbackNS) && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), u1 = () => {
+}, Q7 = (i) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(i)).forEach((t) => {
     typeof i[t] == "function" && (i[t] = i[t].bind(i));
   });
@@ -6819,9 +6876,9 @@ const $1 = () => ({
 class l1 extends L1 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    if (super(), this.options = F1(e), this.services = {}, this.logger = B, this.modules = {
+    if (super(), this.options = U1(e), this.services = {}, this.logger = B, this.modules = {
       external: []
-    }, W7(this), t && !this.isInitialized && !e.isClone) {
+    }, Q7(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initImmediate)
         return this.init(e, t), this;
       setTimeout(() => {
@@ -6832,12 +6889,12 @@ class l1 extends L1 {
   init() {
     var e = this;
     let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, s = arguments.length > 1 ? arguments[1] : void 0;
-    this.isInitializing = !0, typeof t == "function" && (s = t, t = {}), !t.defaultNS && t.defaultNS !== !1 && t.ns && (v(t.ns) ? t.defaultNS = t.ns : t.ns.indexOf("translation") < 0 && (t.defaultNS = t.ns[0]));
-    const n = $1();
+    this.isInitializing = !0, typeof t == "function" && (s = t, t = {}), !t.defaultNS && t.defaultNS !== !1 && t.ns && (N(t.ns) ? t.defaultNS = t.ns : t.ns.indexOf("translation") < 0 && (t.defaultNS = t.ns[0]));
+    const n = W1();
     this.options = {
       ...n,
       ...this.options,
-      ...F1(t)
+      ...U1(t)
     }, this.options.compatibilityAPI !== "v1" && (this.options.interpolation = {
       ...n.interpolation,
       ...this.options.interpolation
@@ -6846,29 +6903,29 @@ class l1 extends L1 {
     if (!this.options.isClone) {
       this.modules.logger ? B.init(o(this.modules.logger), this.options) : B.init(null, this.options);
       let l;
-      this.modules.formatter ? l = this.modules.formatter : typeof Intl < "u" && (l = j7);
-      const h = new P1(this.options);
-      this.store = new K1(this.options.resources, this.options);
+      this.modules.formatter ? l = this.modules.formatter : typeof Intl < "u" && (l = U7);
+      const h = new j1(this.options);
+      this.store = new Y1(this.options.resources, this.options);
       const g = this.services;
-      g.logger = B, g.resourceStore = this.store, g.languageUtils = h, g.pluralResolver = new B7(h, {
+      g.logger = B, g.resourceStore = this.store, g.languageUtils = h, g.pluralResolver = new $7(h, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
-      }), l && (!this.options.interpolation.format || this.options.interpolation.format === n.interpolation.format) && (g.formatter = o(l), g.formatter.init(g, this.options), this.options.interpolation.format = g.formatter.format.bind(g.formatter)), g.interpolator = new P7(this.options), g.utils = {
+      }), l && (!this.options.interpolation.format || this.options.interpolation.format === n.interpolation.format) && (g.formatter = o(l), g.formatter.init(g, this.options), this.options.interpolation.format = g.formatter.format.bind(g.formatter)), g.interpolator = new F7(this.options), g.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      }, g.backendConnector = new F7(o(this.modules.backend), g.resourceStore, g, this.options), g.backendConnector.on("*", function(p) {
-        for (var k = arguments.length, N = new Array(k > 1 ? k - 1 : 0), L = 1; L < k; L++)
-          N[L - 1] = arguments[L];
-        e.emit(p, ...N);
-      }), this.modules.languageDetector && (g.languageDetector = o(this.modules.languageDetector), g.languageDetector.init && g.languageDetector.init(g, this.options.detection, this.options)), this.modules.i18nFormat && (g.i18nFormat = o(this.modules.i18nFormat), g.i18nFormat.init && g.i18nFormat.init(this)), this.translator = new m1(this.services, this.options), this.translator.on("*", function(p) {
-        for (var k = arguments.length, N = new Array(k > 1 ? k - 1 : 0), L = 1; L < k; L++)
-          N[L - 1] = arguments[L];
-        e.emit(p, ...N);
+      }, g.backendConnector = new J7(o(this.modules.backend), g.resourceStore, g, this.options), g.backendConnector.on("*", function(p) {
+        for (var k = arguments.length, v = new Array(k > 1 ? k - 1 : 0), f = 1; f < k; f++)
+          v[f - 1] = arguments[f];
+        e.emit(p, ...v);
+      }), this.modules.languageDetector && (g.languageDetector = o(this.modules.languageDetector), g.languageDetector.init && g.languageDetector.init(g, this.options.detection, this.options)), this.modules.i18nFormat && (g.i18nFormat = o(this.modules.i18nFormat), g.i18nFormat.init && g.i18nFormat.init(this)), this.translator = new w1(this.services, this.options), this.translator.on("*", function(p) {
+        for (var k = arguments.length, v = new Array(k > 1 ? k - 1 : 0), f = 1; f < k; f++)
+          v[f - 1] = arguments[f];
+        e.emit(p, ...v);
       }), this.modules.external.forEach((p) => {
         p.init && p.init(this);
       });
     }
-    if (this.format = this.options.interpolation.format, s || (s = g1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
+    if (this.format = this.options.interpolation.format, s || (s = u1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
       const l = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
       l.length > 0 && l[0] !== "dev" && (this.options.lng = l[0]);
     }
@@ -6891,8 +6948,8 @@ class l1 extends L1 {
     return this.options.resources || !this.options.initImmediate ? d() : setTimeout(d, 0), C;
   }
   loadResources(e) {
-    let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : g1;
-    const n = v(e) ? e : this.language;
+    let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : u1;
+    const n = N(e) ? e : this.language;
     if (typeof e == "function" && (s = e), !this.options.resources || this.options.partialBundledLanguages) {
       if (n && n.toLowerCase() === "cimode" && (!this.options.preload || this.options.preload.length === 0)) return s();
       const o = [], c = (a) => {
@@ -6909,7 +6966,7 @@ class l1 extends L1 {
   }
   reloadResources(e, t, s) {
     const n = n1();
-    return typeof e == "function" && (s = e, e = void 0), typeof t == "function" && (s = t, t = void 0), e || (e = this.languages), t || (t = this.options.ns), s || (s = g1), this.services.backendConnector.reload(e, t, (o) => {
+    return typeof e == "function" && (s = e, e = void 0), typeof t == "function" && (s = t, t = void 0), e || (e = this.languages), t || (t = this.options.ns), s || (s = u1), this.services.backendConnector.reload(e, t, (o) => {
       n.resolve(), s(o);
     }), n;
   }
@@ -6943,7 +7000,7 @@ class l1 extends L1 {
       });
     }, a = (C) => {
       !e && !C && this.services.languageDetector && (C = []);
-      const d = v(C) ? C : this.services.languageUtils.getBestMatchFromCodes(C);
+      const d = N(C) ? C : this.services.languageUtils.getBestMatchFromCodes(C);
       d && (this.language || o(d), this.translator.language || this.translator.changeLanguage(d), this.services.languageDetector && this.services.languageDetector.cacheUserLanguage && this.services.languageDetector.cacheUserLanguage(d)), this.loadResources(d, (l) => {
         c(l, d);
       });
@@ -6967,7 +7024,7 @@ class l1 extends L1 {
       let p;
       return C.keyPrefix && Array.isArray(c) ? p = c.map((k) => `${C.keyPrefix}${g}${k}`) : p = C.keyPrefix ? `${C.keyPrefix}${g}${c}` : c, n.t(p, C);
     };
-    return v(e) ? o.lng = e : o.lngs = e, o.ns = t, o.keyPrefix = s, o;
+    return N(e) ? o.lng = e : o.lngs = e, o.ns = t, o.keyPrefix = s, o;
   }
   t() {
     return this.translator && this.translator.translate(...arguments);
@@ -6998,7 +7055,7 @@ class l1 extends L1 {
   }
   loadNamespaces(e, t) {
     const s = n1();
-    return this.options.ns ? (v(e) && (e = [e]), e.forEach((n) => {
+    return this.options.ns ? (N(e) && (e = [e]), e.forEach((n) => {
       this.options.ns.indexOf(n) < 0 && this.options.ns.push(n);
     }), this.loadResources((n) => {
       s.resolve(), t && t(n);
@@ -7006,7 +7063,7 @@ class l1 extends L1 {
   }
   loadLanguages(e, t) {
     const s = n1();
-    v(e) && (e = [e]);
+    N(e) && (e = [e]);
     const n = this.options.preload || [], o = e.filter((c) => n.indexOf(c) < 0 && this.services.languageUtils.isSupportedCode(c));
     return o.length ? (this.options.preload = n.concat(o), this.loadResources((c) => {
       s.resolve(), t && t(c);
@@ -7014,7 +7071,7 @@ class l1 extends L1 {
   }
   dir(e) {
     if (e || (e = this.resolvedLanguage || (this.languages && this.languages.length > 0 ? this.languages[0] : this.language)), !e) return "rtl";
-    const t = ["ar", "shu", "sqr", "ssh", "xaa", "yhd", "yud", "aao", "abh", "abv", "acm", "acq", "acw", "acx", "acy", "adf", "ads", "aeb", "aec", "afb", "ajp", "apc", "apd", "arb", "arq", "ars", "ary", "arz", "auz", "avl", "ayh", "ayl", "ayn", "ayp", "bbz", "pga", "he", "iw", "ps", "pbt", "pbu", "pst", "prp", "prd", "ug", "ur", "ydd", "yds", "yih", "ji", "yi", "hbo", "men", "xmn", "fa", "jpr", "peo", "pes", "prs", "dv", "sam", "ckb"], s = this.services && this.services.languageUtils || new P1($1());
+    const t = ["ar", "shu", "sqr", "ssh", "xaa", "yhd", "yud", "aao", "abh", "abv", "acm", "acq", "acw", "acx", "acy", "adf", "ads", "aeb", "aec", "afb", "ajp", "apc", "apd", "arb", "arq", "ars", "ary", "arz", "auz", "avl", "ayh", "ayl", "ayn", "ayp", "bbz", "pga", "he", "iw", "ps", "pbt", "pbu", "pst", "prp", "prd", "ug", "ur", "ydd", "yds", "yih", "ji", "yi", "hbo", "men", "xmn", "fa", "jpr", "peo", "pes", "prs", "dv", "sam", "ckb"], s = this.services && this.services.languageUtils || new j1(W1());
     return t.indexOf(s.getLanguagePartFromCode(e)) > -1 || e.toLowerCase().indexOf("-arab") > 1 ? "rtl" : "ltr";
   }
   static createInstance() {
@@ -7022,7 +7079,7 @@ class l1 extends L1 {
     return new l1(e, t);
   }
   cloneInstance() {
-    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : g1;
+    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : u1;
     const s = e.forkResourceStore;
     s && delete e.forkResourceStore;
     const n = {
@@ -7036,7 +7093,7 @@ class l1 extends L1 {
       ...this.services
     }, o.services.utils = {
       hasLoadedNamespace: o.hasLoadedNamespace.bind(o)
-    }, s && (o.store = new K1(this.store.data, n), o.services.resourceStore = o.store), o.translator = new m1(o.services, n), o.translator.on("*", function(a) {
+    }, s && (o.store = new Y1(this.store.data, n), o.services.resourceStore = o.store), o.translator = new w1(o.services, n), o.translator.on("*", function(a) {
       for (var C = arguments.length, d = new Array(C > 1 ? C - 1 : 0), l = 1; l < C; l++)
         d[l - 1] = arguments[l];
       o.emit(a, ...d);
@@ -7070,18 +7127,18 @@ Z.setDefaultNamespace;
 Z.hasLoadedNamespace;
 Z.loadNamespaces;
 Z.loadLanguages;
-function U7() {
+function q7() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
       e[t] = arguments[t];
-    z(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
+    J(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
   }
 }
-const W1 = {};
+const z1 = {};
 function M1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  z(e[0]) && W1[e[0]] || (z(e[0]) && (W1[e[0]] = /* @__PURE__ */ new Date()), U7(...e));
+  J(e[0]) && z1[e[0]] || (J(e[0]) && (z1[e[0]] = /* @__PURE__ */ new Date()), q7(...e));
 }
 const r2 = (i, e) => () => {
   if (i.isInitialized)
@@ -7094,13 +7151,13 @@ const r2 = (i, e) => () => {
     };
     i.on("initialized", t);
   }
-}, U1 = (i, e, t) => {
+}, J1 = (i, e, t) => {
   i.loadNamespaces(e, r2(i, t));
-}, z1 = (i, e, t, s) => {
-  z(t) && (t = [t]), t.forEach((n) => {
+}, Q1 = (i, e, t, s) => {
+  J(t) && (t = [t]), t.forEach((n) => {
     i.options.ns.indexOf(n) < 0 && i.options.ns.push(n);
   }), i.loadLanguages(e, r2(i, s));
-}, z7 = function(i, e) {
+}, X7 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const s = e.languages[0], n = e.options ? e.options.fallbackLng : !1, o = e.languages[e.languages.length - 1];
   if (s.toLowerCase() === "cimode") return !0;
@@ -7109,15 +7166,15 @@ const r2 = (i, e) => () => {
     return d === -1 || d === 2;
   };
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !c(e.isLanguageChangingTo, i) ? !1 : !!(e.hasResourceBundle(s, i) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || c(s, i) && (!n || c(o, i)));
-}, J7 = function(i, e) {
+}, e0 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   return !e.languages || !e.languages.length ? (M1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
     lng: t.lng,
     precheck: (n, o) => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && n.services.backendConnector.backend && n.isLanguageChangingTo && !o(n.isLanguageChangingTo, i)) return !1;
     }
-  }) : z7(i, e, t);
-}, z = (i) => typeof i == "string", Q7 = (i) => typeof i == "object" && i !== null, q7 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, X7 = {
+  }) : X7(i, e, t);
+}, J = (i) => typeof i == "string", t0 = (i) => typeof i == "object" && i !== null, i0 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, s0 = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -7138,7 +7195,7 @@ const r2 = (i, e) => () => {
   "&#8230;": "…",
   "&#x2F;": "/",
   "&#47;": "/"
-}, e0 = (i) => X7[i], t0 = (i) => i.replace(q7, e0);
+}, n0 = (i) => s0[i], r0 = (i) => i.replace(i0, n0);
 let b1 = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
@@ -7147,27 +7204,27 @@ let b1 = {
   transWrapTextNodes: "",
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
-  unescape: t0
+  unescape: r0
 };
-const i0 = function() {
+const o0 = function() {
   let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   b1 = {
     ...b1,
     ...i
   };
-}, s0 = () => b1;
+}, a0 = () => b1;
 let o2;
-const n0 = (i) => {
+const l0 = (i) => {
   o2 = i;
-}, r0 = () => o2, o0 = {
+}, h0 = () => o2, c0 = {
   type: "3rdParty",
   init(i) {
-    i0(i.options.react), n0(i);
+    o0(i.options.react), l0(i);
   }
-}, a0 = t1();
-class l0 {
+}, d0 = t1();
+class C0 {
   constructor() {
-    V1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
+    A1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
     this.usedNamespaces = {};
   }
   addUsedNamespaces(e) {
@@ -7176,27 +7233,27 @@ class l0 {
     });
   }
 }
-const h0 = (i, e) => {
-  const t = J();
+const g0 = (i, e) => {
+  const t = W();
   return A(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, a2 = (i, e, t, s) => i.getFixedT(e, t, s), c0 = (i, e, t, s) => K(a2(i, e, t, s), [i, e, t, s]), d0 = function(i) {
+}, a2 = (i, e, t, s) => i.getFixedT(e, t, s), u0 = (i, e, t, s) => K(a2(i, e, t, s), [i, e, t, s]), p0 = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
   } = e, {
     i18n: s,
     defaultNS: n
-  } = Q(a0) || {}, o = t || s || r0();
-  if (o && !o.reportNamespaces && (o.reportNamespaces = new l0()), !o) {
+  } = Q(d0) || {}, o = t || s || h0();
+  if (o && !o.reportNamespaces && (o.reportNamespaces = new C0()), !o) {
     M1("You will need to pass in an i18next instance by using initReactI18next");
-    const f = (R, x) => z(x) ? x : Q7(x) && z(x.defaultValue) ? x.defaultValue : Array.isArray(R) ? R[R.length - 1] : R, M = [f, {}, !1];
-    return M.t = f, M.i18n = {}, M.ready = !1, M;
+    const m = (R, x) => J(x) ? x : t0(x) && J(x.defaultValue) ? x.defaultValue : Array.isArray(R) ? R[R.length - 1] : R, M = [m, {}, !1];
+    return M.t = m, M.i18n = {}, M.ready = !1, M;
   }
   o.options.react && o.options.react.wait !== void 0 && M1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
-    ...s0(),
+    ...a0(),
     ...o.options.react,
     ...e
   }, {
@@ -7204,53 +7261,53 @@ const h0 = (i, e) => {
     keyPrefix: C
   } = c;
   let d = i;
-  d = z(d) ? [d] : d || ["translation"], o.reportNamespaces.addUsedNamespaces && o.reportNamespaces.addUsedNamespaces(d);
-  const l = (o.isInitialized || o.initializedStoreOnce) && d.every((f) => J7(f, o, c)), h = c0(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), g = () => h, p = () => a2(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), [k, N] = I(g);
-  let L = d.join();
-  e.lng && (L = `${e.lng}${L}`);
-  const y = h0(L), b = J(!0);
+  d = J(d) ? [d] : d || ["translation"], o.reportNamespaces.addUsedNamespaces && o.reportNamespaces.addUsedNamespaces(d);
+  const l = (o.isInitialized || o.initializedStoreOnce) && d.every((m) => e0(m, o, c)), h = u0(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), g = () => h, p = () => a2(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), [k, v] = I(g);
+  let f = d.join();
+  e.lng && (f = `${e.lng}${f}`);
+  const y = g0(f), b = W(!0);
   A(() => {
     const {
-      bindI18n: f,
+      bindI18n: m,
       bindI18nStore: M
     } = c;
-    b.current = !0, !l && !a && (e.lng ? z1(o, e.lng, d, () => {
-      b.current && N(p);
-    }) : U1(o, d, () => {
-      b.current && N(p);
-    })), l && y && y !== L && b.current && N(p);
+    b.current = !0, !l && !a && (e.lng ? Q1(o, e.lng, d, () => {
+      b.current && v(p);
+    }) : J1(o, d, () => {
+      b.current && v(p);
+    })), l && y && y !== f && b.current && v(p);
     const R = () => {
-      b.current && N(p);
+      b.current && v(p);
     };
-    return f && o && o.on(f, R), M && o && o.store.on(M, R), () => {
-      b.current = !1, f && o && f.split(" ").forEach((x) => o.off(x, R)), M && o && M.split(" ").forEach((x) => o.store.off(x, R));
+    return m && o && o.on(m, R), M && o && o.store.on(M, R), () => {
+      b.current = !1, m && o && m.split(" ").forEach((x) => o.off(x, R)), M && o && M.split(" ").forEach((x) => o.store.off(x, R));
     };
-  }, [o, L]), A(() => {
-    b.current && l && N(g);
+  }, [o, f]), A(() => {
+    b.current && l && v(g);
   }, [o, C, l]);
   const E = [k, o, l];
   if (E.t = k, E.i18n = o, E.ready = l, l || !l && !a) return E;
-  throw new Promise((f) => {
-    e.lng ? z1(o, e.lng, d, () => f()) : U1(o, d, () => f());
+  throw new Promise((m) => {
+    e.lng ? Q1(o, e.lng, d, () => m()) : J1(o, d, () => m());
   });
-}, C0 = "Country", g0 = {
-  placeholder: C0
-}, u0 = "Страна", p0 = {
-  placeholder: u0
+}, f0 = "Country", m0 = {
+  placeholder: f0
+}, w0 = "Страна", L0 = {
+  placeholder: w0
 };
-Z.use(o0).init({
+Z.use(c0).init({
   defaultNS: "common",
   lng: "en",
   resources: {
     en: {
-      common: g0
+      common: m0
     },
     ru: {
-      common: p0
+      common: L0
     }
   }
 });
-const R0 = w1(
+const b0 = h1(
   ({
     width: i,
     selectedCity: e,
@@ -7263,36 +7320,36 @@ const R0 = w1(
     clearable: C,
     error: d
   }, l) => {
-    const [h, g] = I([]), [p, k] = I([]), [N, L] = I(!1), { locale: y, axiosPeople: b } = Q(u2);
+    const [h, g] = I([]), [p, k] = I([]), [v, f] = I(!1), { locale: y, axiosPeople: b } = Q(u2);
     if (!b)
       throw new Error(
         `CountrySelect requires "axiosPeople" to fetch counties.
                 Please provide it via SNMTUiContext.`
       );
-    const { t: E } = d0("common", { lng: y }), f = K(async () => {
-      L(!0);
+    const { t: E } = p0("common", { lng: y }), m = K(async () => {
+      f(!0);
       try {
         const R = await b.post("v1/countries/search");
         k(R == null ? void 0 : R.data.data);
       } catch {
         g([]);
       } finally {
-        L(!1);
+        f(!1);
       }
     }, [b]);
     A(() => {
-      f();
+      m();
     }, []), A(() => {
       if (e) {
         const R = e.split("-")[1], x = p.filter(
-          (D) => D.name.includes(R)
+          (G) => G.name.includes(R)
         );
         if (x.length) {
-          const D = x.map((P) => ({
-            label: P.name,
-            value: P.name
+          const G = x.map((Y) => ({
+            label: Y.name,
+            value: Y.name
           }));
-          s(D[0].value);
+          s(G[0].value);
         }
       }
     }, [e, p, s]), A(() => {
@@ -7306,7 +7363,7 @@ const R0 = w1(
       R === null ? (s(""), t && t("")) : (s(R), t && t(""));
     };
     return /* @__PURE__ */ r("div", { className: "snmt-country-select", children: /* @__PURE__ */ r(
-      x7,
+      y7,
       {
         id: o,
         width: i,
@@ -7316,7 +7373,7 @@ const R0 = w1(
         onChange: M,
         options: h,
         disabled: c,
-        isLoading: N,
+        isLoading: v,
         required: a,
         clearable: C,
         error: d
@@ -7325,5 +7382,5 @@ const R0 = w1(
   }
 );
 export {
-  R0 as CountrySelect
+  b0 as CountrySelect
 };