@snmt-react-ui/city-select 2.6.10 → 2.6.11

package/dist/city-select.js

@@ -1,12 +1,12 @@
-var we = Object.defineProperty;
-var me = (i, e, t) => e in i ? we(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var B1 = (i, e, t) => me(i, typeof e != "symbol" ? e + "" : e, t);
+var me = Object.defineProperty;
+var we = (i, e, t) => e in i ? me(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var j1 = (i, e, t) => we(i, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
 import { jsx as r, Fragment as i1, jsxs as C } from "react/jsx-runtime";
 import { SNMTUiContext as ke } from "@snmt-react-ui/core";
-import { createContext as d1, forwardRef as k1, useState as A, useRef as Y, useEffect as j, useCallback as D, useMemo as Le, useImperativeHandle as ne, useContext as r1 } from "react";
+import { createContext as d1, forwardRef as k1, useState as A, useRef as Y, useEffect as B, useCallback as D, useMemo as Le, useImperativeHandle as ne, useContext as r1 } from "react";
 import { Select as ve, Flex as Ne, Avatar as xe, Checkbox as Re, Typography as re, Tag as Me, Popover as ye } from "antd";
-var be = Object.defineProperty, Ee = (i, e, t) => e in i ? be(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, He = (i, e, t) => Ee(i, e + "", t), _e = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var be = Object.defineProperty, Ee = (i, e, t) => e in i ? be(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, _e = (i, e, t) => Ee(i, e + "", t), He = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Ie() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
@@ -14,11 +14,11 @@ function Ie() {
     s1(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
   }
 }
-const j1 = {};
+const B1 = {};
 function O1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  s1(e[0]) && j1[e[0]] || (s1(e[0]) && (j1[e[0]] = /* @__PURE__ */ new Date()), Ie(...e));
+  s1(e[0]) && B1[e[0]] || (s1(e[0]) && (B1[e[0]] = /* @__PURE__ */ new Date()), Ie(...e));
 }
 const oe = (i, e) => () => {
   if (i.isInitialized)
@@ -75,7 +75,7 @@ const oe = (i, e) => () => {
   "&#8230;": "…",
   "&#x2F;": "/",
   "&#47;": "/"
-}, Be = (i) => Te[i], je = (i) => i.replace(Ae, Be);
+}, je = (i) => Te[i], Be = (i) => i.replace(Ae, je);
 let Ze = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
@@ -84,14 +84,14 @@ let Ze = {
   transWrapTextNodes: "",
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
-  unescape: je
+  unescape: Be
 };
 const De = () => Ze;
 let We;
 const Ge = () => We, Ke = d1();
 class Pe {
   constructor() {
-    He(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
+    _e(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
   }
   addUsedNamespaces(e) {
     e.forEach((t) => {
@@ -101,7 +101,7 @@ class Pe {
 }
 const $e = (i, e) => {
   const t = Y();
-  return j(() => {
+  return B(() => {
     t.current = i;
   }, [i, e]), t.current;
 }, ae = (i, e, t, s) => i.getFixedT(e, t, s), Fe = (i, e, t, s) => D(ae(i, e, t, s), [i, e, t, s]), Ye = function(i) {
@@ -114,8 +114,8 @@ const $e = (i, e) => {
   } = r1(Ke) || {}, o = t || s || Ge();
   if (o && !o.reportNamespaces && (o.reportNamespaces = new Pe()), !o) {
     O1("You will need to pass in an i18next instance by using initReactI18next");
-    const f = (N, m) => s1(m) ? m : Ve(m) && s1(m.defaultValue) ? m.defaultValue : Array.isArray(N) ? N[N.length - 1] : N, w = [f, {}, !1];
-    return w.t = f, w.i18n = {}, w.ready = !1, w;
+    const f = (N, w) => s1(w) ? w : Ve(w) && s1(w.defaultValue) ? w.defaultValue : Array.isArray(N) ? N[N.length - 1] : N, m = [f, {}, !1];
+    return m.t = f, m.i18n = {}, m.ready = !1, m;
   }
   o.options.react && o.options.react.wait !== void 0 && O1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
@@ -131,28 +131,28 @@ const $e = (i, e) => {
   const l = (o.isInitialized || o.initializedStoreOnce) && g.every((f) => Se(f, o, c)), h = Fe(o, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => ae(o, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [v, x] = A(u);
   let L = g.join();
   e.lng && (L = `${e.lng}${L}`);
-  const H = $e(L), M = Y(!0);
-  j(() => {
+  const _ = $e(L), M = Y(!0);
+  B(() => {
     const {
       bindI18n: f,
-      bindI18nStore: w
+      bindI18nStore: m
     } = c;
     M.current = !0, !l && !a && (e.lng ? D1(o, e.lng, g, () => {
       M.current && x(p);
     }) : Z1(o, g, () => {
       M.current && x(p);
-    })), l && H && H !== L && M.current && x(p);
+    })), l && _ && _ !== L && M.current && x(p);
     const N = () => {
       M.current && x(p);
     };
-    return f && o && o.on(f, N), w && o && o.store.on(w, N), () => {
-      M.current = !1, f && o && f.split(" ").forEach((m) => o.off(m, N)), w && o && w.split(" ").forEach((m) => o.store.off(m, N));
+    return f && o && o.on(f, N), m && o && o.store.on(m, N), () => {
+      M.current = !1, f && o && f.split(" ").forEach((w) => o.off(w, N)), m && o && m.split(" ").forEach((w) => o.store.off(w, N));
     };
-  }, [o, L]), j(() => {
+  }, [o, L]), B(() => {
     M.current && l && x(u);
   }, [o, d, l]);
-  const _ = [v, o, l];
-  if (_.t = v, _.i18n = o, _.ready = l, l || !l && !a) return _;
+  const H = [v, o, l];
+  if (H.t = v, H.i18n = o, H.ready = l, l || !l && !a) return H;
   throw new Promise((f) => {
     e.lng ? D1(o, e.lng, g, () => f()) : Z1(o, g, () => f());
   });
@@ -207,7 +207,7 @@ const ze = ({
   disableUncheck: o = !1
 }) => {
   const [c, a] = A(i), [d, g] = A(e);
-  j(() => {
+  B(() => {
     a(i), g(e);
   }, [i, e]);
   const { theme: l } = r1(T1);
@@ -616,78 +616,6 @@ const Je = ({
     ]
   }
 ), at = ({
-  width: i = 11,
-  height: e = 32,
-  color: t = "#001E52",
-  className: s,
-  onClick: n
-}) => /* @__PURE__ */ C(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: i,
-    height: e,
-    className: s,
-    onClick: n,
-    viewBox: "0 0 11 32",
-    fill: "none",
-    children: [
-      /* @__PURE__ */ r(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M6.22724 31.222C6.53024 31.525 7.02149 31.525 7.32448 31.222L10.7728 27.7737C11.0757 27.4707 11.0757 26.9795 10.7728 26.6765L7.32448 23.2282C7.02149 22.9252 6.53024 22.9252 6.22724 23.2282C5.92425 23.5312 5.92425 24.0224 6.22724 24.3254L9.1269 27.2251L6.22724 30.1247C5.92425 30.4277 5.92425 30.919 6.22724 31.222Z",
-          fill: t
-        }
-      ),
-      /* @__PURE__ */ r(
-        "path",
-        {
-          d: "M10 27.2597H4C3.44772 27.2597 3 26.812 3 26.2597V6",
-          stroke: t,
-          strokeWidth: "1.25",
-          strokeLinecap: "round"
-        }
-      ),
-      /* @__PURE__ */ r("circle", { cx: "3", cy: "3", r: "3", fill: t })
-    ]
-  }
-), lt = ({
-  width: i = 10,
-  height: e = 23,
-  color: t = "#001E52",
-  className: s,
-  onClick: n
-}) => /* @__PURE__ */ C(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: i,
-    height: e,
-    className: s,
-    onClick: n,
-    viewBox: "0 0 10 23",
-    fill: "none",
-    children: [
-      /* @__PURE__ */ r(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: `M1.00621 18.2272C0.70322 18.5302 0.70322 19.0215 1.00621 
-        19.3245L4.45449 22.7728C4.75748 23.0757 5.24873 23.0757 5.55172 
-        22.7728L9 19.3245C9.30299 19.0215 9.30299 18.5302 9 18.2272C8.69701 17.9243 
-        8.20576 17.9243 7.90277 18.2272L5.00311 21.1269L2.10345 18.2272C1.80045 17.9243 
-        1.30921 17.9243 1.00621 18.2272Z`,
-          fill: t
-        }
-      ),
-      /* @__PURE__ */ r("path", { d: "M5 21L5 3", stroke: t, strokeWidth: "1.25", strokeLinecap: "round" }),
-      /* @__PURE__ */ r("circle", { cx: "5", cy: "3", r: "3", fill: t })
-    ]
-  }
-), ht = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -734,7 +662,7 @@ const Je = ({
       )
     ]
   }
-), ct = ({
+), lt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -767,7 +695,7 @@ const Je = ({
       )
     ]
   }
-), dt = ({
+), ht = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -814,7 +742,7 @@ const Je = ({
       )
     ]
   }
-), gt = ({
+), ct = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -847,7 +775,7 @@ const Je = ({
       )
     ]
   }
-), ut = ({
+), dt = ({
   width: i = 18,
   height: e = 16,
   color: t = "#001E52",
@@ -886,7 +814,7 @@ const Je = ({
       )
     ]
   }
-), Ct = ({
+), gt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -919,7 +847,7 @@ const Je = ({
       )
     ]
   }
-), pt = ({
+), ut = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -943,7 +871,7 @@ const Je = ({
       }
     )
   }
-), ft = ({
+), Ct = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -976,7 +904,7 @@ const Je = ({
       )
     ]
   }
-), wt = ({
+), pt = ({
   width: i = 20,
   height: e = 23,
   color: t = "#001E52",
@@ -1037,7 +965,7 @@ const Je = ({
       )
     ]
   }
-), mt = ({
+), ft = ({
   width: i = 14,
   height: e = 14,
   color: t = "#10B981",
@@ -1066,7 +994,7 @@ const Je = ({
       )
     ]
   }
-), kt = ({
+), mt = ({
   width: i = 10,
   height: e = 10,
   color: t = "#88A4FF",
@@ -1114,7 +1042,7 @@ const Je = ({
       )
     ]
   }
-), Lt = ({
+), wt = ({
   width: i = 14,
   height: e = 14,
   color: t = "#8E8E93",
@@ -1142,7 +1070,7 @@ const Je = ({
       )
     ]
   }
-), vt = ({
+), kt = ({
   width: i = 14,
   height: e = 14,
   color: t = "#FFB020",
@@ -1176,7 +1104,7 @@ const Je = ({
       )
     ]
   }
-), Nt = ({
+), Lt = ({
   width: i = 14,
   height: e = 14,
   color: t = "#D0421B",
@@ -1224,7 +1152,7 @@ const Je = ({
       )
     ]
   }
-), xt = ({
+), vt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -1254,7 +1182,7 @@ const Je = ({
       /* @__PURE__ */ r("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), Rt = ({
+), Nt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -1292,7 +1220,7 @@ const Je = ({
       )
     ]
   }
-), Mt = ({
+), xt = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -1318,7 +1246,7 @@ const Je = ({
       }
     )
   }
-), yt = ({
+), Rt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -1347,7 +1275,7 @@ const Je = ({
       )
     ]
   }
-), bt = ({
+), Mt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -1376,7 +1304,7 @@ const Je = ({
       )
     ]
   }
-), Et = ({
+), yt = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -1405,7 +1333,7 @@ const Je = ({
       )
     ]
   }
-), Ht = ({
+), bt = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -1442,7 +1370,7 @@ const Je = ({
       )
     ]
   }
-), _t = ({
+), Et = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 24,
@@ -1481,7 +1409,7 @@ const Je = ({
       )
     ]
   }
-), It = ({
+), _t = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 20,
@@ -1508,7 +1436,7 @@ const Je = ({
       }
     )
   }
-), Ot = ({
+), Ht = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 20,
@@ -1535,7 +1463,7 @@ const Je = ({
       }
     )
   }
-), St = ({
+), It = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 5,
@@ -1559,7 +1487,7 @@ const Je = ({
       }
     )
   }
-), Vt = ({
+), Ot = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 5,
@@ -1584,7 +1512,7 @@ const Je = ({
       }
     )
   }
-), At = ({
+), St = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 24,
@@ -1623,7 +1551,7 @@ const Je = ({
       )
     ]
   }
-), Tt = ({
+), Vt = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 24,
@@ -1662,7 +1590,7 @@ const Je = ({
       )
     ]
   }
-), Bt = ({
+), At = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 24,
@@ -1689,7 +1617,7 @@ const Je = ({
       }
     )
   }
-), jt = ({
+), Tt = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 24,
@@ -1748,7 +1676,7 @@ const Je = ({
       )
     ]
   }
-), Zt = ({
+), jt = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 24,
@@ -1785,7 +1713,7 @@ const Je = ({
       )
     ]
   }
-), Dt = ({
+), Bt = ({
   className: i,
   color: e = b.GREY_DARK_3,
   height: t = 14,
@@ -1822,7 +1750,7 @@ const Je = ({
       )
     ]
   }
-), Wt = ({
+), Zt = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 18,
@@ -1849,7 +1777,7 @@ const Je = ({
       }
     )
   }
-), Gt = ({
+), Dt = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 24,
@@ -1901,7 +1829,7 @@ const Je = ({
       )
     ]
   }
-), Kt = ({
+), Wt = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 24,
@@ -1938,7 +1866,7 @@ const Je = ({
       )
     ]
   }
-), Pt = ({
+), Gt = ({
   className: i,
   color: e = b.NOTIFICATION_WARNING_DARK,
   height: t = 37,
@@ -1977,7 +1905,7 @@ const Je = ({
       )
     ]
   }
-), $t = ({
+), Kt = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 24,
@@ -2003,7 +1931,7 @@ const Je = ({
       }
     )
   }
-), Ft = ({
+), Pt = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 24,
@@ -2042,7 +1970,7 @@ const Je = ({
       )
     ]
   }
-), Yt = ({
+), $t = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 24,
@@ -2081,7 +2009,7 @@ const Je = ({
       )
     ]
   }
-), Ut = ({
+), Ft = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 24,
@@ -2150,7 +2078,7 @@ const Je = ({
       )
     ]
   }
-), zt = ({
+), Yt = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 24,
@@ -2207,7 +2135,7 @@ const Je = ({
       )
     ]
   }
-), Jt = ({
+), Ut = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 24,
@@ -2246,7 +2174,7 @@ const Je = ({
       )
     ]
   }
-), qt = ({
+), zt = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 24,
@@ -2295,7 +2223,7 @@ const Je = ({
       )
     ]
   }
-), Qt = ({
+), Jt = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 24,
@@ -2322,7 +2250,7 @@ const Je = ({
       }
     )
   }
-), Xt = ({
+), qt = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 20,
@@ -2351,7 +2279,7 @@ const Je = ({
       )
     ]
   }
-), e2 = ({
+), Qt = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -2377,7 +2305,7 @@ const Je = ({
       }
     )
   }
-), t2 = ({
+), Xt = ({
   className: i,
   color: e = "#131314",
   height: t = 20,
@@ -2405,7 +2333,7 @@ const Je = ({
       }
     )
   }
-), i2 = ({
+), e2 = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -2443,7 +2371,7 @@ const Je = ({
       )
     ] }) })
   }
-), s2 = ({
+), t2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -2499,7 +2427,7 @@ const Je = ({
       }
     )
   }
-), n2 = ({
+), i2 = ({
   width: i = 24,
   height: e = 24,
   color: t = "#131314",
@@ -2532,7 +2460,7 @@ const Je = ({
       )
     ]
   }
-), r2 = ({
+), s2 = ({
   width: i = 24,
   height: e = 24,
   color: t = b.GREY_DARK_2,
@@ -2571,7 +2499,7 @@ const Je = ({
       )
     ]
   }
-), o2 = ({
+), n2 = ({
   width: i = 24,
   height: e = 24,
   color: t = b.GREY_DARK_2,
@@ -2598,7 +2526,7 @@ const Je = ({
       }
     )
   }
-), a2 = ({
+), r2 = ({
   width: i = 24,
   height: e = 24,
   color: t = b.GREY_DARK_2,
@@ -2638,7 +2566,7 @@ const Je = ({
       )
     ]
   }
-), l2 = ({
+), o2 = ({
   width: i = 24,
   height: e = 24,
   color: t = b.GREY_DARK_2,
@@ -2665,7 +2593,7 @@ const Je = ({
       }
     )
   }
-), h2 = ({
+), a2 = ({
   width: i = 24,
   height: e = 24,
   color: t = b.GREY_DARK_2,
@@ -2692,7 +2620,7 @@ const Je = ({
       }
     )
   }
-), c2 = ({
+), l2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -2728,7 +2656,7 @@ const Je = ({
   onClick: c
 }) => {
   const [a, d] = A(n), { theme: g } = r1(le), l = o ? g && g === "dark" ? b.GREY_LIGHT_4 : b.GREY_DARK_1 : s, h = o ? void 0 : c;
-  return j(() => {
+  return B(() => {
     if (n) {
       h && !o && d(`${n} clickable`);
       return;
@@ -2737,9 +2665,9 @@ const Je = ({
   }, [h, n, o]), /* @__PURE__ */ r(i1, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return It({ width: e, height: t, color: l, className: a, onClick: h });
+        return _t({ width: e, height: t, color: l, className: a, onClick: h });
       case "prevIcon":
-        return Ot({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ht({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowDown":
         return Je({ width: e, height: t, color: l, className: a, onClick: h });
       case "info":
@@ -2762,20 +2690,10 @@ const Je = ({
         return rt({ width: e, height: t, color: l, className: a, onClick: h });
       case "attention":
         return ot({ width: e, height: t, color: l, className: a, onClick: h });
-      case "arrowDownLong":
-        return at({
-          width: e,
-          height: t,
-          color: l,
-          className: a,
-          onClick: h
-        });
-      case "dotArrowDown":
-        return lt({ width: e, height: t, color: l, className: a, onClick: h });
       case "users":
-        return ht({ width: e, height: t, color: l, className: a, onClick: h });
+        return at({ width: e, height: t, color: l, className: a, onClick: h });
       case "mySkillsMatrix":
-        return ct({
+        return lt({
           width: e,
           height: t,
           color: l,
@@ -2783,9 +2701,9 @@ const Je = ({
           onClick: h
         });
       case "skills":
-        return dt({ width: e, height: t, color: l, className: a, onClick: h });
+        return ht({ width: e, height: t, color: l, className: a, onClick: h });
       case "skillsMatrices":
-        return gt({
+        return ct({
           width: e,
           height: t,
           color: l,
@@ -2793,23 +2711,23 @@ const Je = ({
           onClick: h
         });
       case "history":
-        return ut({ width: e, height: t, color: l, className: a, onClick: h });
+        return dt({ width: e, height: t, color: l, className: a, onClick: h });
       case "logOut":
-        return Ct({ width: e, height: t, color: l, className: a, onClick: h });
+        return gt({ width: e, height: t, color: l, className: a, onClick: h });
       case "settings":
-        return pt({ width: e, height: t, color: l, className: a, onClick: h });
+        return ut({ width: e, height: t, color: l, className: a, onClick: h });
       case "trash":
-        return ft({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ct({ width: e, height: t, color: l, className: a, onClick: h });
       case "settings4":
-        return wt({ width: e, height: t, color: l, className: a, onClick: h });
+        return pt({ width: e, height: t, color: l, className: a, onClick: h });
       case "success":
-        return mt({ width: e, height: t, color: l, className: a, onClick: h });
+        return ft({ width: e, height: t, color: l, className: a, onClick: h });
       case "errorSmall":
-        return kt({ width: e, height: t, color: l, className: a, onClick: h });
+        return mt({ width: e, height: t, color: l, className: a, onClick: h });
       case "infoMedium":
-        return Lt({ width: e, height: t, color: l, className: a, onClick: h });
+        return wt({ width: e, height: t, color: l, className: a, onClick: h });
       case "attentionMedium":
-        return vt({
+        return kt({
           width: e,
           height: t,
           color: l,
@@ -2817,9 +2735,9 @@ const Je = ({
           onClick: h
         });
       case "errorMedium":
-        return Nt({ width: e, height: t, color: l, className: a, onClick: h });
+        return Lt({ width: e, height: t, color: l, className: a, onClick: h });
       case "visibilityIcon":
-        return xt({
+        return vt({
           width: e,
           height: t,
           color: l,
@@ -2827,7 +2745,7 @@ const Je = ({
           onClick: h
         });
       case "visibilityOffIcon":
-        return Rt({
+        return Nt({
           width: e,
           height: t,
           color: l,
@@ -2835,7 +2753,7 @@ const Je = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return Mt({
+        return xt({
           width: e,
           height: t,
           color: l,
@@ -2843,7 +2761,7 @@ const Je = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return yt({
+        return Rt({
           width: e,
           height: t,
           color: l,
@@ -2851,7 +2769,7 @@ const Je = ({
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return bt({
+        return Mt({
           width: e,
           height: t,
           color: l,
@@ -2859,85 +2777,85 @@ const Je = ({
           onClick: h
         });
       case "sortUp":
-        return Et({ width: e, height: t, color: l, className: a, onClick: h });
+        return yt({ width: e, height: t, color: l, className: a, onClick: h });
       case "sortDown":
-        return Ht({ width: e, height: t, color: l, className: a, onClick: h });
+        return bt({ width: e, height: t, color: l, className: a, onClick: h });
       case "search":
-        return _t({ width: e, height: t, color: l, className: a, onClick: h });
+        return Et({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowUpFilled":
-        return Vt({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ot({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowDownFilled":
-        return St({ width: e, height: t, color: l, className: a, onClick: h });
+        return It({ width: e, height: t, color: l, className: a, onClick: h });
       case "link":
-        return At({ width: e, height: t, color: l, className: a, onClick: h });
+        return St({ width: e, height: t, color: l, className: a, onClick: h });
       case "telegram":
-        return Bt({ width: e, height: t, color: l, className: a, onClick: h });
+        return At({ width: e, height: t, color: l, className: a, onClick: h });
       case "mail":
-        return Zt({ width: e, height: t, color: l, className: a, onClick: h });
+        return jt({ width: e, height: t, color: l, className: a, onClick: h });
       case "github":
-        return Tt({ width: e, height: t, color: l, className: a, onClick: h });
+        return Vt({ width: e, height: t, color: l, className: a, onClick: h });
       case "linkedIn":
-        return jt({ width: e, height: t, color: l, className: a, onClick: h });
+        return Tt({ width: e, height: t, color: l, className: a, onClick: h });
       case "emptyStateIcon":
-        return Dt({ width: e, height: t, color: l, className: a, onClick: h });
+        return Bt({ width: e, height: t, color: l, className: a, onClick: h });
       case "filtersIcon":
-        return Wt({ width: e, height: t, color: l, className: a, onClick: h });
+        return Zt({ width: e, height: t, color: l, className: a, onClick: h });
       case "dotMenuIcon":
-        return Gt({ width: e, height: t, color: l, className: a, onClick: h });
+        return Dt({ width: e, height: t, color: l, className: a, onClick: h });
       case "plusCircle":
-        return Kt({ width: e, height: t, color: l, className: a, onClick: h });
+        return Wt({ width: e, height: t, color: l, className: a, onClick: h });
       case "warning":
-        return Pt({ width: e, height: t, color: l, className: a, onClick: h });
+        return Gt({ width: e, height: t, color: l, className: a, onClick: h });
       case "back":
-        return $t({ width: e, height: t, color: l, className: a, onClick: h });
+        return Kt({ width: e, height: t, color: l, className: a, onClick: h });
       case "bell":
-        return Ft({ width: e, height: t, color: l, className: a, onClick: h });
+        return Pt({ width: e, height: t, color: l, className: a, onClick: h });
       case "contract":
-        return Ut({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ft({ width: e, height: t, color: l, className: a, onClick: h });
       case "trash2":
-        return Yt({ width: e, height: t, color: l, className: a, onClick: h });
+        return $t({ width: e, height: t, color: l, className: a, onClick: h });
       case "resourceManager":
-        return zt({ width: e, height: t, color: l, className: a, onClick: h });
+        return Yt({ width: e, height: t, color: l, className: a, onClick: h });
       case "settings2":
-        return Jt({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ut({ width: e, height: t, color: l, className: a, onClick: h });
       case "image":
-        return qt({ width: e, height: t, color: l, className: a, onClick: h });
+        return zt({ width: e, height: t, color: l, className: a, onClick: h });
       case "edit":
-        return Qt({ width: e, height: t, color: l, className: a, onClick: h });
+        return Jt({ width: e, height: t, color: l, className: a, onClick: h });
       case "filledArrowRight":
-        return Xt({ width: e, height: t, color: l, className: a, onClick: h });
+        return qt({ width: e, height: t, color: l, className: a, onClick: h });
       case "burgerMenu":
-        return e2({ width: e, height: t, color: l, className: a, onClick: h });
+        return Qt({ width: e, height: t, color: l, className: a, onClick: h });
       case "signOut":
-        return t2({ width: e, height: t, color: l, className: a, onClick: h });
+        return Xt({ width: e, height: t, color: l, className: a, onClick: h });
       case "refresh":
-        return i2({ width: e, height: t, color: l, className: a, onClick: h });
+        return e2({ width: e, height: t, color: l, className: a, onClick: h });
       case "projects":
-        return s2({ width: e, height: t, color: l, className: a, onClick: h });
+        return t2({ width: e, height: t, color: l, className: a, onClick: h });
       case "profile":
-        return c2({ width: e, height: t, color: l, className: a, onClick: h });
+        return l2({ width: e, height: t, color: l, className: a, onClick: h });
       case "exit":
-        return n2({ width: e, height: t, color: l, className: a, onClick: h });
+        return i2({ width: e, height: t, color: l, className: a, onClick: h });
       case "client":
-        return r2({ width: e, height: t, color: l, className: a, onClick: h });
+        return s2({ width: e, height: t, color: l, className: a, onClick: h });
       case "calendar2":
-        return o2({ width: e, height: t, color: l, className: a, onClick: h });
+        return n2({ width: e, height: t, color: l, className: a, onClick: h });
       case "openPointCircle":
-        return a2({ width: e, height: t, color: l, className: a, onClick: h });
+        return r2({ width: e, height: t, color: l, className: a, onClick: h });
       case "community":
-        return l2({ width: e, height: t, color: l, className: a, onClick: h });
+        return o2({ width: e, height: t, color: l, className: a, onClick: h });
       case "docs":
-        return h2({ width: e, height: t, color: l, className: a, onClick: h });
+        return a2({ width: e, height: t, color: l, className: a, onClick: h });
       default:
         return /* @__PURE__ */ r(i1, { children: "No Icon provided" });
     }
   })() });
-}, { Title: d2, Text: g2 } = re, u2 = {
+}, { Title: h2, Text: c2 } = re, d2 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, C2 = k1(
+}, g2 = k1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -2950,17 +2868,17 @@ const Je = ({
     const d = e === "h1" || e === "h2" || e === "h3" || e === "h4";
     let g = `snmt-typography snmt-typography-${e}`;
     return i && i !== "inherit" && (g += ` snmt-typography-align-${i}`), o && (g += " collapsed"), d ? /* @__PURE__ */ r(
-      d2,
+      h2,
       {
         className: g,
         style: { color: t, whiteSpace: c },
         onClick: n,
-        level: u2[e],
+        level: d2[e],
         ref: a,
         children: s
       }
     ) : /* @__PURE__ */ r(
-      g2,
+      c2,
       {
         className: g,
         style: { color: t, whiteSpace: c },
@@ -2977,7 +2895,7 @@ const he = d1({
   theme: "light"
 });
 he.Provider;
-const p2 = ({
+const u2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3004,7 +2922,7 @@ const p2 = ({
       }
     )
   }
-), f2 = ({
+), C2 = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -3032,7 +2950,7 @@ const p2 = ({
       )
     ]
   }
-), w2 = ({
+), p2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3067,7 +2985,7 @@ const p2 = ({
       )
     ]
   }
-), m2 = ({
+), f2 = ({
   width: i = 18,
   height: e = 18,
   color: t = "#001E52",
@@ -3106,7 +3024,7 @@ const p2 = ({
       )
     ]
   }
-), k2 = ({
+), m2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3132,7 +3050,7 @@ const p2 = ({
       }
     )
   }
-), L2 = ({
+), w2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3153,7 +3071,7 @@ const p2 = ({
       /* @__PURE__ */ r("path", { d: "M16 4L4 16", stroke: t, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), v2 = ({
+), k2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3185,7 +3103,7 @@ const p2 = ({
       )
     ]
   }
-), N2 = ({
+), L2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3239,7 +3157,7 @@ const p2 = ({
       )
     ]
   }
-), x2 = ({
+), v2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3278,7 +3196,7 @@ const p2 = ({
       /* @__PURE__ */ r("path", { d: "M3 12L17 12", stroke: t, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), R2 = ({
+), N2 = ({
   width: i = 16,
   height: e = 12,
   color: t = "#001E52",
@@ -3307,101 +3225,29 @@ const p2 = ({
       ),
       /* @__PURE__ */ r(
         "path",
-        {
-          id: "Vector 7",
-          d: "M4 6H12",
-          stroke: t,
-          strokeWidth: "2",
-          strokeLinecap: "round"
-        }
-      ),
-      /* @__PURE__ */ r(
-        "path",
-        {
-          id: "Vector 8",
-          d: "M6 11H10",
-          stroke: t,
-          strokeWidth: "2",
-          strokeLinecap: "round"
-        }
-      )
-    ] })
-  }
-), M2 = ({
-  width: i = 16,
-  height: e = 16,
-  color: t = "#001E52",
-  className: s,
-  onClick: n
-}) => /* @__PURE__ */ C(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: i,
-    height: e,
-    className: s,
-    onClick: n,
-    viewBox: "0 0 16 16",
-    fill: "none",
-    children: [
-      /* @__PURE__ */ r("circle", { cx: "8", cy: "8", r: "7.27273", stroke: t, strokeWidth: "1.45455" }),
-      /* @__PURE__ */ r(
-        "path",
-        {
-          d: "M7 4.5C7 3.94772 7.44772 3.5 8 3.5C8.55228 3.5 9 3.94772 9 4.5V8.53345C9 9.08574 8.55228 9.53345 8 9.53345C7.44772 9.53345 7 9.08574 7 8.53345V4.5Z",
-          fill: t
-        }
-      ),
-      /* @__PURE__ */ r(
-        "path",
-        {
-          d: "M7 11.5327C7 10.9804 7.44772 10.5327 8 10.5327C8.55228 10.5327 9 10.9804 9 11.5327C9 12.085 8.55228 12.5327 8 12.5327C7.44772 12.5327 7 12.085 7 11.5327Z",
-          fill: t
-        }
-      )
-    ]
-  }
-), y2 = ({
-  width: i = 11,
-  height: e = 32,
-  color: t = "#001E52",
-  className: s,
-  onClick: n
-}) => /* @__PURE__ */ C(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: i,
-    height: e,
-    className: s,
-    onClick: n,
-    viewBox: "0 0 11 32",
-    fill: "none",
-    children: [
-      /* @__PURE__ */ r(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M6.22724 31.222C6.53024 31.525 7.02149 31.525 7.32448 31.222L10.7728 27.7737C11.0757 27.4707 11.0757 26.9795 10.7728 26.6765L7.32448 23.2282C7.02149 22.9252 6.53024 22.9252 6.22724 23.2282C5.92425 23.5312 5.92425 24.0224 6.22724 24.3254L9.1269 27.2251L6.22724 30.1247C5.92425 30.4277 5.92425 30.919 6.22724 31.222Z",
-          fill: t
+        {
+          id: "Vector 7",
+          d: "M4 6H12",
+          stroke: t,
+          strokeWidth: "2",
+          strokeLinecap: "round"
         }
       ),
       /* @__PURE__ */ r(
         "path",
         {
-          d: "M10 27.2597H4C3.44772 27.2597 3 26.812 3 26.2597V6",
+          id: "Vector 8",
+          d: "M6 11H10",
           stroke: t,
-          strokeWidth: "1.25",
+          strokeWidth: "2",
           strokeLinecap: "round"
         }
-      ),
-      /* @__PURE__ */ r("circle", { cx: "3", cy: "3", r: "3", fill: t })
-    ]
+      )
+    ] })
   }
-), b2 = ({
-  width: i = 10,
-  height: e = 23,
+), x2 = ({
+  width: i = 16,
+  height: e = 16,
   color: t = "#001E52",
   className: s,
   onClick: n
@@ -3413,27 +3259,27 @@ const p2 = ({
     height: e,
     className: s,
     onClick: n,
-    viewBox: "0 0 10 23",
+    viewBox: "0 0 16 16",
     fill: "none",
     children: [
+      /* @__PURE__ */ r("circle", { cx: "8", cy: "8", r: "7.27273", stroke: t, strokeWidth: "1.45455" }),
       /* @__PURE__ */ r(
         "path",
         {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: `M1.00621 18.2272C0.70322 18.5302 0.70322 19.0215 1.00621 
-        19.3245L4.45449 22.7728C4.75748 23.0757 5.24873 23.0757 5.55172 
-        22.7728L9 19.3245C9.30299 19.0215 9.30299 18.5302 9 18.2272C8.69701 17.9243 
-        8.20576 17.9243 7.90277 18.2272L5.00311 21.1269L2.10345 18.2272C1.80045 17.9243 
-        1.30921 17.9243 1.00621 18.2272Z`,
+          d: "M7 4.5C7 3.94772 7.44772 3.5 8 3.5C8.55228 3.5 9 3.94772 9 4.5V8.53345C9 9.08574 8.55228 9.53345 8 9.53345C7.44772 9.53345 7 9.08574 7 8.53345V4.5Z",
           fill: t
         }
       ),
-      /* @__PURE__ */ r("path", { d: "M5 21L5 3", stroke: t, strokeWidth: "1.25", strokeLinecap: "round" }),
-      /* @__PURE__ */ r("circle", { cx: "5", cy: "3", r: "3", fill: t })
+      /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M7 11.5327C7 10.9804 7.44772 10.5327 8 10.5327C8.55228 10.5327 9 10.9804 9 11.5327C9 12.085 8.55228 12.5327 8 12.5327C7.44772 12.5327 7 12.085 7 11.5327Z",
+          fill: t
+        }
+      )
     ]
   }
-), E2 = ({
+), R2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3480,7 +3326,7 @@ const p2 = ({
       )
     ]
   }
-), H2 = ({
+), M2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3513,7 +3359,7 @@ const p2 = ({
       )
     ]
   }
-), _2 = ({
+), y2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3560,7 +3406,7 @@ const p2 = ({
       )
     ]
   }
-), I2 = ({
+), b2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3593,7 +3439,7 @@ const p2 = ({
       )
     ]
   }
-), O2 = ({
+), E2 = ({
   width: i = 18,
   height: e = 16,
   color: t = "#001E52",
@@ -3632,7 +3478,7 @@ const p2 = ({
       )
     ]
   }
-), S2 = ({
+), _2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3665,7 +3511,7 @@ const p2 = ({
       )
     ]
   }
-), V2 = ({
+), H2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3689,7 +3535,7 @@ const p2 = ({
       }
     )
   }
-), A2 = ({
+), I2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3722,7 +3568,7 @@ const p2 = ({
       )
     ]
   }
-), T2 = ({
+), O2 = ({
   width: i = 20,
   height: e = 23,
   color: t = "#001E52",
@@ -3783,7 +3629,7 @@ const p2 = ({
       )
     ]
   }
-), B2 = ({
+), S2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#10B981",
@@ -3812,7 +3658,7 @@ const p2 = ({
       )
     ]
   }
-), j2 = ({
+), V2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#88A4FF",
@@ -3860,7 +3706,7 @@ const p2 = ({
       )
     ]
   }
-), Z2 = ({
+), A2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#8E8E93",
@@ -3888,7 +3734,7 @@ const p2 = ({
       )
     ]
   }
-), D2 = ({
+), T2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#FFB020",
@@ -3922,7 +3768,7 @@ const p2 = ({
       )
     ]
   }
-), W2 = ({
+), j2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#D0421B",
@@ -3970,7 +3816,7 @@ const p2 = ({
       )
     ]
   }
-), G2 = ({
+), B2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -4000,7 +3846,7 @@ const p2 = ({
       /* @__PURE__ */ r("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), K2 = ({
+), Z2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -4038,7 +3884,7 @@ const p2 = ({
       )
     ]
   }
-), P2 = ({
+), D2 = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -4064,7 +3910,7 @@ const p2 = ({
       }
     )
   }
-), $2 = ({
+), W2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -4093,7 +3939,7 @@ const p2 = ({
       )
     ]
   }
-), F2 = ({
+), G2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -4122,7 +3968,7 @@ const p2 = ({
       )
     ]
   }
-), Y2 = ({
+), K2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -4151,7 +3997,7 @@ const p2 = ({
       )
     ]
   }
-), U2 = ({
+), P2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -4188,7 +4034,7 @@ const p2 = ({
       )
     ]
   }
-), z2 = ({
+), $2 = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 24,
@@ -4227,7 +4073,7 @@ const p2 = ({
       )
     ]
   }
-), J2 = ({
+), F2 = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 20,
@@ -4254,7 +4100,7 @@ const p2 = ({
       }
     )
   }
-), q2 = ({
+), Y2 = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 20,
@@ -4281,7 +4127,7 @@ const p2 = ({
       }
     )
   }
-), Q2 = ({
+), U2 = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 5,
@@ -4305,7 +4151,7 @@ const p2 = ({
       }
     )
   }
-), X2 = ({
+), z2 = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 5,
@@ -4330,7 +4176,7 @@ const p2 = ({
       }
     )
   }
-), ei = ({
+), J2 = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 24,
@@ -4369,7 +4215,7 @@ const p2 = ({
       )
     ]
   }
-), ti = ({
+), q2 = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 24,
@@ -4408,7 +4254,7 @@ const p2 = ({
       )
     ]
   }
-), ii = ({
+), Q2 = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 24,
@@ -4435,7 +4281,7 @@ const p2 = ({
       }
     )
   }
-), si = ({
+), X2 = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 24,
@@ -4494,7 +4340,7 @@ const p2 = ({
       )
     ]
   }
-), ni = ({
+), ei = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 24,
@@ -4531,7 +4377,7 @@ const p2 = ({
       )
     ]
   }
-), ri = ({
+), ti = ({
   className: i,
   color: e = E.GREY_DARK_3,
   height: t = 14,
@@ -4568,7 +4414,7 @@ const p2 = ({
       )
     ]
   }
-), oi = ({
+), ii = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 18,
@@ -4595,7 +4441,7 @@ const p2 = ({
       }
     )
   }
-), ai = ({
+), si = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 24,
@@ -4647,7 +4493,7 @@ const p2 = ({
       )
     ]
   }
-), li = ({
+), ni = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 24,
@@ -4684,7 +4530,7 @@ const p2 = ({
       )
     ]
   }
-), hi = ({
+), ri = ({
   className: i,
   color: e = E.NOTIFICATION_WARNING_DARK,
   height: t = 37,
@@ -4723,7 +4569,7 @@ const p2 = ({
       )
     ]
   }
-), ci = ({
+), oi = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 24,
@@ -4749,7 +4595,7 @@ const p2 = ({
       }
     )
   }
-), di = ({
+), ai = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 24,
@@ -4788,7 +4634,7 @@ const p2 = ({
       )
     ]
   }
-), gi = ({
+), li = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 24,
@@ -4827,7 +4673,7 @@ const p2 = ({
       )
     ]
   }
-), ui = ({
+), hi = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 24,
@@ -4896,7 +4742,7 @@ const p2 = ({
       )
     ]
   }
-), Ci = ({
+), ci = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 24,
@@ -4953,7 +4799,7 @@ const p2 = ({
       )
     ]
   }
-), pi = ({
+), di = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 24,
@@ -4992,7 +4838,7 @@ const p2 = ({
       )
     ]
   }
-), fi = ({
+), gi = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 24,
@@ -5041,7 +4887,7 @@ const p2 = ({
       )
     ]
   }
-), wi = ({
+), ui = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 24,
@@ -5068,7 +4914,7 @@ const p2 = ({
       }
     )
   }
-), mi = ({
+), Ci = ({
   className: i,
   color: e = E.GREY_DARK_5,
   height: t = 20,
@@ -5097,7 +4943,7 @@ const p2 = ({
       )
     ]
   }
-), ki = ({
+), pi = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -5123,7 +4969,7 @@ const p2 = ({
       }
     )
   }
-), Li = ({
+), fi = ({
   className: i,
   color: e = "#131314",
   height: t = 20,
@@ -5151,7 +4997,7 @@ const p2 = ({
       }
     )
   }
-), vi = ({
+), mi = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -5189,7 +5035,7 @@ const p2 = ({
       )
     ] }) })
   }
-), Ni = ({
+), wi = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -5245,7 +5091,7 @@ const p2 = ({
       }
     )
   }
-), xi = ({
+), ki = ({
   width: i = 24,
   height: e = 24,
   color: t = "#131314",
@@ -5278,7 +5124,7 @@ const p2 = ({
       )
     ]
   }
-), Ri = ({
+), Li = ({
   width: i = 24,
   height: e = 24,
   color: t = E.GREY_DARK_2,
@@ -5317,7 +5163,7 @@ const p2 = ({
       )
     ]
   }
-), Mi = ({
+), vi = ({
   width: i = 24,
   height: e = 24,
   color: t = E.GREY_DARK_2,
@@ -5344,7 +5190,7 @@ const p2 = ({
       }
     )
   }
-), yi = ({
+), Ni = ({
   width: i = 24,
   height: e = 24,
   color: t = E.GREY_DARK_2,
@@ -5384,7 +5230,7 @@ const p2 = ({
       )
     ]
   }
-), bi = ({
+), xi = ({
   width: i = 24,
   height: e = 24,
   color: t = E.GREY_DARK_2,
@@ -5411,7 +5257,7 @@ const p2 = ({
       }
     )
   }
-), Ei = ({
+), Ri = ({
   width: i = 24,
   height: e = 24,
   color: t = E.GREY_DARK_2,
@@ -5438,7 +5284,7 @@ const p2 = ({
       }
     )
   }
-), Hi = ({
+), Mi = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -5464,7 +5310,7 @@ const p2 = ({
       }
     )
   }
-), _i = ({
+), yi = ({
   name: i,
   width: e,
   height: t,
@@ -5474,7 +5320,7 @@ const p2 = ({
   onClick: c
 }) => {
   const [a, d] = A(n), { theme: g } = r1(he), l = o ? g && g === "dark" ? E.GREY_LIGHT_4 : E.GREY_DARK_1 : s, h = o ? void 0 : c;
-  return j(() => {
+  return B(() => {
     if (n) {
       h && !o && d(`${n} clickable`);
       return;
@@ -5483,45 +5329,35 @@ const p2 = ({
   }, [h, n, o]), /* @__PURE__ */ r(i1, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return J2({ width: e, height: t, color: l, className: a, onClick: h });
+        return F2({ width: e, height: t, color: l, className: a, onClick: h });
       case "prevIcon":
-        return q2({ width: e, height: t, color: l, className: a, onClick: h });
+        return Y2({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowDown":
-        return p2({ 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 f2({ width: e, height: t, color: l, className: a, onClick: h });
+        return C2({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowRight":
-        return w2({ width: e, height: t, color: l, className: a, onClick: h });
+        return p2({ width: e, height: t, color: l, className: a, onClick: h });
       case "calendar":
-        return m2({ width: e, height: t, color: l, className: a, onClick: h });
+        return f2({ width: e, height: t, color: l, className: a, onClick: h });
       case "ok":
-        return k2({ width: e, height: t, color: l, className: a, onClick: h });
+        return m2({ width: e, height: t, color: l, className: a, onClick: h });
       case "cancel":
-        return L2({ width: e, height: t, color: l, className: a, onClick: h });
+        return w2({ width: e, height: t, color: l, className: a, onClick: h });
       case "add":
-        return v2({ width: e, height: t, color: l, className: a, onClick: h });
+        return k2({ width: e, height: t, color: l, className: a, onClick: h });
       case "list":
-        return N2({ width: e, height: t, color: l, className: a, onClick: h });
+        return L2({ width: e, height: t, color: l, className: a, onClick: h });
       case "dragAndDrop":
-        return x2({ width: e, height: t, color: l, className: a, onClick: h });
+        return v2({ width: e, height: t, color: l, className: a, onClick: h });
       case "filter":
-        return R2({ width: e, height: t, color: l, className: a, onClick: h });
+        return N2({ width: e, height: t, color: l, className: a, onClick: h });
       case "attention":
-        return M2({ width: e, height: t, color: l, className: a, onClick: h });
-      case "arrowDownLong":
-        return y2({
-          width: e,
-          height: t,
-          color: l,
-          className: a,
-          onClick: h
-        });
-      case "dotArrowDown":
-        return b2({ width: e, height: t, color: l, className: a, onClick: h });
+        return x2({ width: e, height: t, color: l, className: a, onClick: h });
       case "users":
-        return E2({ width: e, height: t, color: l, className: a, onClick: h });
+        return R2({ width: e, height: t, color: l, className: a, onClick: h });
       case "mySkillsMatrix":
-        return H2({
+        return M2({
           width: e,
           height: t,
           color: l,
@@ -5529,9 +5365,9 @@ const p2 = ({
           onClick: h
         });
       case "skills":
-        return _2({ width: e, height: t, color: l, className: a, onClick: h });
+        return y2({ width: e, height: t, color: l, className: a, onClick: h });
       case "skillsMatrices":
-        return I2({
+        return b2({
           width: e,
           height: t,
           color: l,
@@ -5539,23 +5375,23 @@ const p2 = ({
           onClick: h
         });
       case "history":
-        return O2({ width: e, height: t, color: l, className: a, onClick: h });
+        return E2({ width: e, height: t, color: l, className: a, onClick: h });
       case "logOut":
-        return S2({ width: e, height: t, color: l, className: a, onClick: h });
+        return _2({ width: e, height: t, color: l, className: a, onClick: h });
       case "settings":
-        return V2({ width: e, height: t, color: l, className: a, onClick: h });
+        return H2({ width: e, height: t, color: l, className: a, onClick: h });
       case "trash":
-        return A2({ width: e, height: t, color: l, className: a, onClick: h });
+        return I2({ width: e, height: t, color: l, className: a, onClick: h });
       case "settings4":
-        return T2({ width: e, height: t, color: l, className: a, onClick: h });
+        return O2({ width: e, height: t, color: l, className: a, onClick: h });
       case "success":
-        return B2({ width: e, height: t, color: l, className: a, onClick: h });
+        return S2({ width: e, height: t, color: l, className: a, onClick: h });
       case "errorSmall":
-        return j2({ width: e, height: t, color: l, className: a, onClick: h });
+        return V2({ width: e, height: t, color: l, className: a, onClick: h });
       case "infoMedium":
-        return Z2({ width: e, height: t, color: l, className: a, onClick: h });
+        return A2({ width: e, height: t, color: l, className: a, onClick: h });
       case "attentionMedium":
-        return D2({
+        return T2({
           width: e,
           height: t,
           color: l,
@@ -5563,9 +5399,9 @@ const p2 = ({
           onClick: h
         });
       case "errorMedium":
-        return W2({ width: e, height: t, color: l, className: a, onClick: h });
+        return j2({ width: e, height: t, color: l, className: a, onClick: h });
       case "visibilityIcon":
-        return G2({
+        return B2({
           width: e,
           height: t,
           color: l,
@@ -5573,7 +5409,7 @@ const p2 = ({
           onClick: h
         });
       case "visibilityOffIcon":
-        return K2({
+        return Z2({
           width: e,
           height: t,
           color: l,
@@ -5581,7 +5417,7 @@ const p2 = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return P2({
+        return D2({
           width: e,
           height: t,
           color: l,
@@ -5589,7 +5425,7 @@ const p2 = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return $2({
+        return W2({
           width: e,
           height: t,
           color: l,
@@ -5597,7 +5433,7 @@ const p2 = ({
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return F2({
+        return G2({
           width: e,
           height: t,
           color: l,
@@ -5605,86 +5441,86 @@ const p2 = ({
           onClick: h
         });
       case "sortUp":
-        return Y2({ width: e, height: t, color: l, className: a, onClick: h });
+        return K2({ width: e, height: t, color: l, className: a, onClick: h });
       case "sortDown":
-        return U2({ width: e, height: t, color: l, className: a, onClick: h });
+        return P2({ width: e, height: t, color: l, className: a, onClick: h });
       case "search":
-        return z2({ width: e, height: t, color: l, className: a, onClick: h });
+        return $2({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowUpFilled":
-        return X2({ width: e, height: t, color: l, className: a, onClick: h });
+        return z2({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowDownFilled":
-        return Q2({ width: e, height: t, color: l, className: a, onClick: h });
+        return U2({ width: e, height: t, color: l, className: a, onClick: h });
       case "link":
-        return ei({ width: e, height: t, color: l, className: a, onClick: h });
+        return J2({ width: e, height: t, color: l, className: a, onClick: h });
       case "telegram":
-        return ii({ width: e, height: t, color: l, className: a, onClick: h });
+        return Q2({ width: e, height: t, color: l, className: a, onClick: h });
       case "mail":
-        return ni({ width: e, height: t, color: l, className: a, onClick: h });
+        return ei({ width: e, height: t, color: l, className: a, onClick: h });
       case "github":
-        return ti({ width: e, height: t, color: l, className: a, onClick: h });
+        return q2({ width: e, height: t, color: l, className: a, onClick: h });
       case "linkedIn":
-        return si({ width: e, height: t, color: l, className: a, onClick: h });
+        return X2({ width: e, height: t, color: l, className: a, onClick: h });
       case "emptyStateIcon":
-        return ri({ width: e, height: t, color: l, className: a, onClick: h });
+        return ti({ width: e, height: t, color: l, className: a, onClick: h });
       case "filtersIcon":
-        return oi({ width: e, height: t, color: l, className: a, onClick: h });
+        return ii({ width: e, height: t, color: l, className: a, onClick: h });
       case "dotMenuIcon":
-        return ai({ width: e, height: t, color: l, className: a, onClick: h });
+        return si({ width: e, height: t, color: l, className: a, onClick: h });
       case "plusCircle":
-        return li({ width: e, height: t, color: l, className: a, onClick: h });
+        return ni({ width: e, height: t, color: l, className: a, onClick: h });
       case "warning":
-        return hi({ width: e, height: t, color: l, className: a, onClick: h });
+        return ri({ width: e, height: t, color: l, className: a, onClick: h });
       case "back":
-        return ci({ width: e, height: t, color: l, className: a, onClick: h });
+        return oi({ width: e, height: t, color: l, className: a, onClick: h });
       case "bell":
-        return di({ width: e, height: t, color: l, className: a, onClick: h });
+        return ai({ width: e, height: t, color: l, className: a, onClick: h });
       case "contract":
-        return ui({ width: e, height: t, color: l, className: a, onClick: h });
+        return hi({ width: e, height: t, color: l, className: a, onClick: h });
       case "trash2":
-        return gi({ width: e, height: t, color: l, className: a, onClick: h });
+        return li({ width: e, height: t, color: l, className: a, onClick: h });
       case "resourceManager":
-        return Ci({ width: e, height: t, color: l, className: a, onClick: h });
+        return ci({ width: e, height: t, color: l, className: a, onClick: h });
       case "settings2":
-        return pi({ width: e, height: t, color: l, className: a, onClick: h });
+        return di({ width: e, height: t, color: l, className: a, onClick: h });
       case "image":
-        return fi({ width: e, height: t, color: l, className: a, onClick: h });
+        return gi({ width: e, height: t, color: l, className: a, onClick: h });
       case "edit":
-        return wi({ width: e, height: t, color: l, className: a, onClick: h });
+        return ui({ width: e, height: t, color: l, className: a, onClick: h });
       case "filledArrowRight":
-        return mi({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ci({ width: e, height: t, color: l, className: a, onClick: h });
       case "burgerMenu":
-        return ki({ width: e, height: t, color: l, className: a, onClick: h });
+        return pi({ width: e, height: t, color: l, className: a, onClick: h });
       case "signOut":
-        return Li({ width: e, height: t, color: l, className: a, onClick: h });
+        return fi({ width: e, height: t, color: l, className: a, onClick: h });
       case "refresh":
-        return vi({ width: e, height: t, color: l, className: a, onClick: h });
+        return mi({ width: e, height: t, color: l, className: a, onClick: h });
       case "projects":
-        return Ni({ width: e, height: t, color: l, className: a, onClick: h });
+        return wi({ width: e, height: t, color: l, className: a, onClick: h });
       case "profile":
-        return Hi({ width: e, height: t, color: l, className: a, onClick: h });
+        return Mi({ width: e, height: t, color: l, className: a, onClick: h });
       case "exit":
-        return xi({ width: e, height: t, color: l, className: a, onClick: h });
+        return ki({ width: e, height: t, color: l, className: a, onClick: h });
       case "client":
-        return Ri({ width: e, height: t, color: l, className: a, onClick: h });
+        return Li({ width: e, height: t, color: l, className: a, onClick: h });
       case "calendar2":
-        return Mi({ width: e, height: t, color: l, className: a, onClick: h });
+        return vi({ width: e, height: t, color: l, className: a, onClick: h });
       case "openPointCircle":
-        return yi({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ni({ width: e, height: t, color: l, className: a, onClick: h });
       case "community":
-        return bi({ width: e, height: t, color: l, className: a, onClick: h });
+        return xi({ width: e, height: t, color: l, className: a, onClick: h });
       case "docs":
-        return Ei({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ri({ width: e, height: t, color: l, className: a, onClick: h });
       default:
         return /* @__PURE__ */ r(i1, { children: "No Icon provided" });
     }
   })() });
 };
 var f1 = /* @__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.PURPLE_LIGHT = "var(--purple-light)", 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))(f1 || {});
-const Ii = d1({
+const bi = d1({
   locale: "en",
   theme: "light"
 });
-Ii.Provider;
+bi.Provider;
 const ce = ({
   children: i,
   width: e,
@@ -5701,7 +5537,7 @@ const ce = ({
     {
       className: `snmt-tag ${t} ${o ? "disabled" : ""}`,
       closeIcon: /* @__PURE__ */ r(
-        _i,
+        yi,
         {
           name: "errorSmall",
           color: o ? f1.GREY_DARK_1 : f1.GREY_DARK_2,
@@ -5714,7 +5550,7 @@ const ce = ({
       style: { width: e ?? "fit-content" },
       closable: n,
       children: typeof i == "string" ? /* @__PURE__ */ r(
-        C2,
+        g2,
         {
           variant: t === "small" ? "body4" : "body2",
           color: o ? f1.GREY_DARK_2 : f1.GREY_DARK_5,
@@ -5723,12 +5559,12 @@ const ce = ({
       ) : i
     }
   );
-}, { Title: Oi, Text: Si } = re, Vi = {
+}, { Title: Ei, Text: _i } = re, Hi = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, Ai = k1(
+}, Ii = k1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -5741,17 +5577,17 @@ const ce = ({
     const d = e === "h1" || e === "h2" || e === "h3" || e === "h4";
     let g = `snmt-typography snmt-typography-${e}`;
     return i && i !== "inherit" && (g += ` snmt-typography-align-${i}`), o && (g += " collapsed"), d ? /* @__PURE__ */ r(
-      Oi,
+      Ei,
       {
         className: g,
         style: { color: t, whiteSpace: c },
         onClick: n,
-        level: Vi[e],
+        level: Hi[e],
         ref: a,
         children: s
       }
     ) : /* @__PURE__ */ r(
-      Si,
+      _i,
       {
         className: g,
         style: { color: t, whiteSpace: c },
@@ -5761,7 +5597,7 @@ const ce = ({
       }
     );
   }
-), Ti = ({
+), Oi = ({
   children: i,
   content: e,
   isOpen: t,
@@ -5786,18 +5622,18 @@ const ce = ({
     }
   );
 };
-var Bi = { exports: {} };
+var Si = { exports: {} };
 (function(i, e) {
   (function(t, s) {
     i.exports = s();
-  })(_e, function() {
+  })(He, function() {
     return { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t) {
       var s = ["th", "st", "nd", "rd"], n = t % 100;
       return "[" + t + (s[(n - 20) % 10] || s[n] || s[0]) + "]";
     } };
   });
-})(Bi);
-const ji = ({
+})(Si);
+const Vi = ({
   values: i,
   onTagClose: e,
   maxWidth: t,
@@ -5807,7 +5643,7 @@ const ji = ({
   extraOptions: c
 }) => {
   const { locale: a } = r1(T1), { t: d } = Ye("common", { lng: a }), [g, l] = A(!1);
-  if (j(() => {
+  if (B(() => {
     i.length || l(!1);
   }, [i]), !i.length)
     return null;
@@ -5816,7 +5652,7 @@ const ji = ({
     return ((p = o == null ? void 0 : o.find((x) => x.value === u)) == null ? void 0 : p.label) || ((v = c == null ? void 0 : c.find((x) => x.value === u)) == null ? void 0 : v.label) || u;
   };
   return /* @__PURE__ */ C(
-    Ti,
+    Oi,
     {
       content: (
         // 90: paddings + margins + gaps and so on
@@ -5868,14 +5704,14 @@ const ji = ({
     onPopupScroll: v,
     id: x,
     extraOptions: L,
-    dropdownRender: H,
+    dropdownRender: _,
     optionRender: M,
-    isLoading: _,
+    isLoading: H,
     readOnly: f,
-    error: w
+    error: m
   }, N) => {
-    const [m, I] = A(!1), [T, Z] = A(!1), [G, Q] = A(!0), [O, K] = A(i), U = Y(null);
-    j(() => {
+    const [w, I] = A(!1), [T, Z] = A(!1), [G, Q] = A(!0), [O, K] = A(i), U = Y(null);
+    B(() => {
       K(i);
     }, [i]);
     const q = (k) => {
@@ -5883,7 +5719,7 @@ const ji = ({
     }, X = (k, y) => {
       var V;
       return !!((V = y == null ? void 0 : y.label) != null && V.toString().toLowerCase().includes(k.toLowerCase()));
-    }, B = () => {
+    }, j = () => {
       Z(!0);
     }, $ = () => {
       Z(!1);
@@ -5936,7 +5772,7 @@ const ji = ({
       (k) => {
         var y;
         return /* @__PURE__ */ r(
-          ji,
+          Vi,
           {
             values: k,
             onTagClose: t1,
@@ -5980,7 +5816,7 @@ const ji = ({
                 },
                 mode: s === "filter" ? "multiple" : s,
                 onChange: P,
-                onFocus: B,
+                onFocus: j,
                 onBlur: $,
                 onSearch: (k) => {
                   Q(!k), h && h(k);
@@ -5991,7 +5827,7 @@ const ji = ({
                 maxTagCount: "responsive",
                 maxTagPlaceholder: N1,
                 onPopupScroll: v1,
-                prefix: _ && /* @__PURE__ */ r(W1, { size: 15 }),
+                prefix: H && /* @__PURE__ */ r(W1, { size: 15 }),
                 suffixIcon: /* @__PURE__ */ r("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ C(i1, { children: [
                   O && !!O.length && (s || g) && /* @__PURE__ */ r(
                     "div",
@@ -6014,8 +5850,8 @@ const ji = ({
                     {
                       name: "selectArrowIcon",
                       color: a ? z.GREY_DARK_1 : z.GREY_DARK_5,
-                      className: m ? "select-arrow-rotated" : "select-arrow",
-                      onClick: () => I(!m)
+                      className: w ? "select-arrow-rotated" : "select-arrow",
+                      onClick: () => I(!w)
                     }
                   )
                 ] }) }),
@@ -6045,8 +5881,8 @@ const ji = ({
                   )
                 ] }),
                 dropdownRender: (k) => /* @__PURE__ */ C("div", { className: "dropdown-container", children: [
-                  /* @__PURE__ */ r("div", { className: "dropdown-menu", children: H ? H(k) : k }),
-                  _ && /* @__PURE__ */ r("div", { className: "loading-overlay", children: /* @__PURE__ */ r(W1, { size: 28 }) })
+                  /* @__PURE__ */ r("div", { className: "dropdown-menu", children: _ ? _(k) : k }),
+                  H && /* @__PURE__ */ r("div", { className: "loading-overlay", children: /* @__PURE__ */ r(W1, { size: 28 }) })
                 ] })
               }
             ),
@@ -6054,14 +5890,14 @@ const ji = ({
               /* @__PURE__ */ r(
                 "label",
                 {
-                  className: `${T || F ? "label-floating" : ""} ${a ? "label-disabled" : ""} ${T ? "label-focused" : ""} ${_ ? "label-loading" : ""} ${w ? "label-error" : ""}`,
+                  className: `${T || F ? "label-floating" : ""} ${a ? "label-disabled" : ""} ${T ? "label-focused" : ""} ${H ? "label-loading" : ""} ${m ? "label-error" : ""}`,
                   children: d ? `${t}*` : t
                 }
               ),
               /* @__PURE__ */ r(
                 "fieldset",
                 {
-                  className: `${T ? "fieldset-focused" : ""} ${a ? "fieldset-disabled" : ""} ${F ? "fieldset-filled" : ""} ${w ? "fieldset-error" : ""}`,
+                  className: `${T ? "fieldset-focused" : ""} ${a ? "fieldset-disabled" : ""} ${F ? "fieldset-filled" : ""} ${m ? "fieldset-error" : ""}`,
                   children: /* @__PURE__ */ r("legend", { children: /* @__PURE__ */ r("span", { children: d ? `${t}*` : t }) })
                 }
               )
@@ -6069,16 +5905,16 @@ const ji = ({
           ]
         }
       ),
-      w && /* @__PURE__ */ C(p1, { justifyContent: "flex-start", gap: 6, children: [
+      m && /* @__PURE__ */ C(p1, { justifyContent: "flex-start", gap: 6, children: [
         /* @__PURE__ */ r(u1, { name: "attention", color: z.NOTIFICATION_ERROR_DARK }),
-        typeof w == "string" ? /* @__PURE__ */ r(Ai, { color: z.NOTIFICATION_ERROR_DARK, variant: "body4", children: w }) : w
+        typeof m == "string" ? /* @__PURE__ */ r(Ii, { color: z.NOTIFICATION_ERROR_DARK, variant: "body4", children: m }) : m
       ] })
     ] });
   }
 );
-function Zi(i, e = 500) {
+function Ai(i, e = 500) {
   const t = Y();
-  return j(() => () => {
+  return B(() => () => {
     t.current && clearTimeout(t.current);
   }, []), (...s) => {
     const n = setTimeout(() => {
@@ -6089,13 +5925,13 @@ function Zi(i, e = 500) {
 }
 function K1(i) {
   const e = Y(i);
-  return j(() => {
+  return B(() => {
     e.current = i;
   }, [i]), e.current;
 }
-const H1 = 100, l1 = {
+const _1 = 100, l1 = {
   offset: 0
-}, Di = k1(
+}, Ti = k1(
   ({
     loadOptions: i,
     width: e,
@@ -6114,14 +5950,14 @@ const H1 = 100, l1 = {
     dropdownRender: v,
     readOnly: x,
     clearable: L = !1,
-    required: H = !1,
+    required: _ = !1,
     error: M
-  }, _) => {
-    const [f, w] = A(), [N, m] = A(l1), [I, T] = A(!1), [Z, G] = A(), [Q, O] = A(!1), [K, U] = A(
+  }, H) => {
+    const [f, m] = A(), [N, w] = A(l1), [I, T] = A(!1), [Z, G] = A(), [Q, O] = A(!1), [K, U] = A(
       h ?? []
-    ), q = K1(N.offset), X = K1(Z), [B, $] = A(!1), P = Y(!1), e1 = D(
+    ), q = K1(N.offset), X = K1(Z), [j, $] = A(!1), P = Y(!1), e1 = D(
       async ({
-        limit: S = H1,
+        limit: S = _1,
         offset: F,
         search: k
       }) => {
@@ -6132,9 +5968,9 @@ const H1 = 100, l1 = {
             offset: F,
             search: k
           });
-          w(
+          m(
             (V) => F === 0 ? y.options : [...V ?? [], ...y.options]
-          ), m((V) => ({
+          ), w((V) => ({
             ...V,
             count: y.count
           }));
@@ -6145,30 +5981,30 @@ const H1 = 100, l1 = {
         }
       },
       [i]
-    ), t1 = Zi((S) => {
-      G(S), S || m(l1);
+    ), t1 = Ai((S) => {
+      G(S), S || w(l1);
     }), g1 = D(
       (S) => t1(S),
       [t1]
     ), L1 = D(
       async (S) => {
-        I || S && N.count && N.count > ((f == null ? void 0 : f.length) ?? 0) && m((F) => ({
+        I || S && N.count && N.count > ((f == null ? void 0 : f.length) ?? 0) && w((F) => ({
           ...F,
-          offset: F.offset + H1
+          offset: F.offset + _1
         }));
       },
       [I, f == null ? void 0 : f.length, N.count]
     ), v1 = D(
       (S) => {
-        O(S), !S && Z && (G(void 0), m(l1), $(!0)), u == null || u(S);
+        O(S), !S && Z && (G(void 0), w(l1), $(!0)), u == null || u(S);
       },
       [u, Z]
     );
-    j(() => {
-      !P.current || I || (B || Q && (q !== N.offset || X !== Z || !f)) && (e1({ offset: N.offset, limit: H1, search: Z }), B && $(!1));
-    }, [B, Q, N.offset, Z, q, X, f, I]), j(() => {
+    B(() => {
+      !P.current || I || (j || Q && (q !== N.offset || X !== Z || !f)) && (e1({ offset: N.offset, limit: _1, search: Z }), j && $(!1));
+    }, [j, Q, N.offset, Z, q, X, f, I]), B(() => {
       (g || l) && e1(l1), P.current = !0;
-    }, []), j(() => {
+    }, []), B(() => {
       h && U((S) => {
         const F = h.filter(
           (k) => !S.some((y) => y.value === k.value)
@@ -6193,7 +6029,7 @@ const H1 = 100, l1 = {
                 label: (a1 == null ? void 0 : a1.label) ?? V
               };
             })
-          ]), G(void 0), m(l1), $(!0);
+          ]), G(void 0), w(l1), $(!0);
         }
       },
       [t, Z, d, f, K]
@@ -6203,7 +6039,7 @@ const H1 = 100, l1 = {
         width: e,
         options: f || [],
         onChange: o1,
-        ref: _,
+        ref: H,
         placeholder: a,
         search: !0,
         value: s,
@@ -6218,7 +6054,7 @@ const H1 = 100, l1 = {
         dropdownRender: v,
         readOnly: x,
         clearable: L,
-        required: H,
+        required: _,
         error: M
       }),
       [
@@ -6226,7 +6062,7 @@ const H1 = 100, l1 = {
         e,
         f,
         o1,
-        _,
+        H,
         a,
         s,
         g1,
@@ -6240,13 +6076,13 @@ const H1 = 100, l1 = {
         v,
         x,
         L,
-        H,
+        _,
         M
       ]
     );
-    return ne(_, () => ({
+    return ne(H, () => ({
       refetchOptions: async () => {
-        m(l1), G(void 0), $(!0);
+        w(l1), G(void 0), $(!0);
       }
     })), d ? /* @__PURE__ */ r(G1, { ...N1, value: s, mode: d }) : /* @__PURE__ */ r("div", { className: "snmt-async-select", children: /* @__PURE__ */ r(G1, { ...N1, value: s }) });
   }
@@ -6256,11 +6092,11 @@ const H1 = 100, l1 = {
     i = s, e = n;
   });
   return t.resolve = i, t.reject = e, t;
-}, P1 = (i) => i == null ? "" : "" + i, Wi = (i, e, t) => {
+}, P1 = (i) => i == null ? "" : "" + i, ji = (i, e, t) => {
   i.forEach((s) => {
     e[s] && (t[s] = e[s]);
   });
-}, Gi = /###/g, $1 = (i) => i && i.indexOf("###") > -1 ? i.replace(Gi, ".") : i, F1 = (i) => !i || R(i), w1 = (i, e, t) => {
+}, Bi = /###/g, $1 = (i) => i && i.indexOf("###") > -1 ? i.replace(Bi, ".") : i, F1 = (i) => !i || R(i), m1 = (i, e, t) => {
   const s = R(e) ? e.split(".") : e;
   let n = 0;
   for (; n < s.length - 1; ) {
@@ -6276,29 +6112,29 @@ const H1 = 100, l1 = {
   const {
     obj: s,
     k: n
-  } = w1(i, e, Object);
+  } = m1(i, e, Object);
   if (s !== void 0 || e.length === 1) {
     s[n] = t;
     return;
   }
-  let o = e[e.length - 1], c = e.slice(0, e.length - 1), a = w1(i, c, Object);
+  let o = e[e.length - 1], c = e.slice(0, e.length - 1), a = m1(i, c, Object);
   for (; a.obj === void 0 && c.length; )
-    o = `${c[c.length - 1]}.${o}`, c = c.slice(0, c.length - 1), a = w1(i, c, Object), a && a.obj && typeof a.obj[`${a.k}.${o}`] < "u" && (a.obj = void 0);
+    o = `${c[c.length - 1]}.${o}`, c = c.slice(0, c.length - 1), a = m1(i, c, Object), a && a.obj && typeof a.obj[`${a.k}.${o}`] < "u" && (a.obj = void 0);
   a.obj[`${a.k}.${o}`] = t;
-}, Ki = (i, e, t, s) => {
+}, Zi = (i, e, t, s) => {
   const {
     obj: n,
     k: o
-  } = w1(i, e, Object);
+  } = m1(i, e, Object);
   n[o] = n[o] || [], n[o].push(t);
 }, R1 = (i, e) => {
   const {
     obj: t,
     k: s
-  } = w1(i, e);
+  } = m1(i, e);
   if (t)
     return t[s];
-}, Pi = (i, e, t) => {
+}, Di = (i, e, t) => {
   const s = R1(i, t);
   return s !== void 0 ? s : R1(e, t);
 }, de = (i, e, t) => {
@@ -6306,7 +6142,7 @@ const H1 = 100, l1 = {
     s !== "__proto__" && s !== "constructor" && (s in i ? R(i[s]) || i[s] instanceof String || R(e[s]) || e[s] instanceof String ? t && (i[s] = e[s]) : de(i[s], e[s], t) : i[s] = e[s]);
   return i;
 }, h1 = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
-var $i = {
+var Wi = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
@@ -6314,8 +6150,8 @@ var $i = {
   "'": "&#39;",
   "/": "&#x2F;"
 };
-const Fi = (i) => R(i) ? i.replace(/[&<>"'\/]/g, (e) => $i[e]) : i;
-class Yi {
+const Gi = (i) => R(i) ? i.replace(/[&<>"'\/]/g, (e) => Wi[e]) : i;
+class Ki {
   constructor(e) {
     this.capacity = e, this.regExpMap = /* @__PURE__ */ new Map(), this.regExpQueue = [];
   }
@@ -6327,11 +6163,11 @@ class Yi {
     return this.regExpQueue.length === this.capacity && this.regExpMap.delete(this.regExpQueue.shift()), this.regExpMap.set(e, s), this.regExpQueue.push(e), s;
   }
 }
-const Ui = [" ", ",", "?", "!", ";"], zi = new Yi(20), Ji = (i, e, t) => {
+const Pi = [" ", ",", "?", "!", ";"], $i = new Ki(20), Fi = (i, e, t) => {
   e = e || "", t = t || "";
-  const s = Ui.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
+  const s = Pi.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
   if (s.length === 0) return !0;
-  const n = zi.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
+  const n = $i.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
   let o = !n.test(i);
   if (!o) {
     const c = i.indexOf(t);
@@ -6358,7 +6194,7 @@ const Ui = [" ", ",", "?", "!", ";"], zi = new Yi(20), Ji = (i, e, t) => {
     n = c;
   }
   return n;
-}, M1 = (i) => i && i.replace("_", "-"), qi = {
+}, M1 = (i) => i && i.replace("_", "-"), Yi = {
   type: "logger",
   log(i) {
     this.output("log", i);
@@ -6380,7 +6216,7 @@ class y1 {
   }
   init(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.prefix = t.prefix || "i18next:", this.logger = e || qi, this.options = t, this.debug = t.debug;
+    this.prefix = t.prefix || "i18next:", this.logger = e || Yi, this.options = t, this.debug = t.debug;
   }
   log() {
     for (var e = arguments.length, t = new Array(e), s = 0; s < e; s++)
@@ -6540,7 +6376,7 @@ const z1 = {};
 class b1 extends E1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    super(), Wi(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = J.create("translator");
+    super(), ji(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = J.create("translator");
   }
   changeLanguage(e) {
     e && (this.language = e);
@@ -6559,7 +6395,7 @@ class b1 extends E1 {
     s === void 0 && (s = ":");
     const n = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator;
     let o = t.ns || this.options.defaultNS || [];
-    const c = s && e.indexOf(s) > -1, a = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !Ji(e, s, n);
+    const c = s && e.indexOf(s) > -1, a = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !Fi(e, s, n);
     if (c && !a) {
       const d = e.match(this.interpolator.nestingRegexp);
       if (d && d.length > 0)
@@ -6607,8 +6443,8 @@ class b1 extends E1 {
     }
     const h = this.resolve(e, t);
     let u = h && h.res;
-    const p = h && h.usedKey || c, v = h && h.exactUsedKey || c, x = Object.prototype.toString.apply(u), L = ["[object Number]", "[object Function]", "[object RegExp]"], H = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, M = !this.i18nFormat || this.i18nFormat.handleAsObject, _ = !R(u) && typeof u != "boolean" && typeof u != "number";
-    if (M && u && _ && L.indexOf(x) < 0 && !(R(H) && Array.isArray(u))) {
+    const p = h && h.usedKey || c, v = h && h.exactUsedKey || c, x = Object.prototype.toString.apply(u), L = ["[object Number]", "[object Function]", "[object RegExp]"], _ = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, M = !this.i18nFormat || this.i18nFormat.handleAsObject, H = !R(u) && typeof u != "boolean" && typeof u != "number";
+    if (M && u && H && L.indexOf(x) < 0 && !(R(_) && Array.isArray(u))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
         const f = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, u, {
@@ -6618,53 +6454,53 @@ class b1 extends E1 {
         return n ? (h.res = f, h.usedParams = this.getUsedParamsDetails(t), h) : f;
       }
       if (o) {
-        const f = Array.isArray(u), w = f ? [] : {}, N = f ? v : p;
-        for (const m in u)
-          if (Object.prototype.hasOwnProperty.call(u, m)) {
-            const I = `${N}${o}${m}`;
-            w[m] = this.translate(I, {
+        const f = Array.isArray(u), m = f ? [] : {}, N = f ? v : p;
+        for (const w in u)
+          if (Object.prototype.hasOwnProperty.call(u, w)) {
+            const I = `${N}${o}${w}`;
+            m[w] = this.translate(I, {
               ...t,
               joinArrays: !1,
               ns: a
-            }), w[m] === I && (w[m] = u[m]);
+            }), m[w] === I && (m[w] = u[w]);
           }
-        u = w;
+        u = m;
       }
-    } else if (M && R(H) && Array.isArray(u))
-      u = u.join(H), u && (u = this.extendTranslation(u, e, t, s));
+    } else if (M && R(_) && Array.isArray(u))
+      u = u.join(_), u && (u = this.extendTranslation(u, e, t, s));
     else {
-      let f = !1, w = !1;
-      const N = t.count !== void 0 && !R(t.count), m = b1.hasDefaultValue(t), I = N ? this.pluralResolver.getSuffix(g, t.count, t) : "", T = t.ordinal && N ? this.pluralResolver.getSuffix(g, t.count, {
+      let f = !1, m = !1;
+      const N = t.count !== void 0 && !R(t.count), w = b1.hasDefaultValue(t), I = N ? this.pluralResolver.getSuffix(g, t.count, t) : "", T = t.ordinal && N ? this.pluralResolver.getSuffix(g, t.count, {
         ordinal: !1
       }) : "", Z = N && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), G = Z && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${I}`] || t[`defaultValue${T}`] || t.defaultValue;
-      !this.isValidLookup(u) && m && (f = !0, u = G), this.isValidLookup(u) || (w = !0, u = c);
-      const O = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && w ? void 0 : u, K = m && G !== u && this.options.updateMissing;
-      if (w || f || K) {
+      !this.isValidLookup(u) && w && (f = !0, u = G), this.isValidLookup(u) || (m = !0, u = c);
+      const O = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && m ? void 0 : u, K = w && G !== u && this.options.updateMissing;
+      if (m || f || K) {
         if (this.logger.log(K ? "updateKey" : "missingKey", g, d, c, K ? G : u), o) {
-          const B = this.resolve(c, {
+          const j = this.resolve(c, {
             ...t,
             keySeparator: !1
           });
-          B && B.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
+          j && j.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
         }
         let U = [];
         const q = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
         if (this.options.saveMissingTo === "fallback" && q && q[0])
-          for (let B = 0; B < q.length; B++)
-            U.push(q[B]);
+          for (let j = 0; j < q.length; j++)
+            U.push(q[j]);
         else this.options.saveMissingTo === "all" ? U = this.languageUtils.toResolveHierarchy(t.lng || this.language) : U.push(t.lng || this.language);
-        const X = (B, $, P) => {
-          const e1 = m && P !== u ? P : O;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(B, d, $, e1, K, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(B, d, $, e1, K, t), this.emit("missingKey", B, d, $, u);
+        const X = (j, $, P) => {
+          const e1 = w && P !== u ? P : O;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(j, d, $, e1, K, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(j, d, $, e1, K, t), this.emit("missingKey", j, d, $, u);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && N ? U.forEach((B) => {
-          const $ = this.pluralResolver.getSuffixes(B, t);
+        this.options.saveMissing && (this.options.saveMissingPlurals && N ? U.forEach((j) => {
+          const $ = this.pluralResolver.getSuffixes(j, t);
           Z && t[`defaultValue${this.options.pluralSeparator}zero`] && $.indexOf(`${this.options.pluralSeparator}zero`) < 0 && $.push(`${this.options.pluralSeparator}zero`), $.forEach((P) => {
-            X([B], c + P, t[`defaultValue${P}`] || G);
+            X([j], c + P, t[`defaultValue${P}`] || G);
           });
         }) : X(U, c, G));
       }
-      u = this.extendTranslation(u, e, t, h, s), w && u === c && this.options.appendNamespaceToMissingKey && (u = `${d}:${c}`), (w || f) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? u = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, f ? u : void 0) : u = this.options.parseMissingKeyHandler(u));
+      u = this.extendTranslation(u, e, t, h, s), m && u === c && this.options.appendNamespaceToMissingKey && (u = `${d}:${c}`), (m || f) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? u = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, f ? u : void 0) : u = this.options.parseMissingKeyHandler(u));
     }
     return n ? (h.res = u, h.usedParams = this.getUsedParamsDetails(t), h) : u;
   }
@@ -6724,24 +6560,24 @@ class b1 extends E1 {
       this.options.fallbackNS && (h = h.concat(this.options.fallbackNS));
       const u = t.count !== void 0 && !R(t.count), p = u && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), v = t.context !== void 0 && (R(t.context) || typeof t.context == "number") && t.context !== "", x = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
       h.forEach((L) => {
-        this.isValidLookup(s) || (a = L, !z1[`${x[0]}-${L}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(a) && (z1[`${x[0]}-${L}`] = !0, this.logger.warn(`key "${n}" for languages "${x.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!!!")), x.forEach((H) => {
+        this.isValidLookup(s) || (a = L, !z1[`${x[0]}-${L}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(a) && (z1[`${x[0]}-${L}`] = !0, this.logger.warn(`key "${n}" for languages "${x.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!!!")), x.forEach((_) => {
           if (this.isValidLookup(s)) return;
-          c = H;
+          c = _;
           const M = [l];
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
-            this.i18nFormat.addLookupKeys(M, l, H, L, t);
+            this.i18nFormat.addLookupKeys(M, l, _, L, t);
           else {
             let f;
-            u && (f = this.pluralResolver.getSuffix(H, t.count, t));
-            const w = `${this.options.pluralSeparator}zero`, N = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (u && (M.push(l + f), t.ordinal && f.indexOf(N) === 0 && M.push(l + f.replace(N, this.options.pluralSeparator)), p && M.push(l + w)), v) {
-              const m = `${l}${this.options.contextSeparator}${t.context}`;
-              M.push(m), u && (M.push(m + f), t.ordinal && f.indexOf(N) === 0 && M.push(m + f.replace(N, this.options.pluralSeparator)), p && M.push(m + w));
+            u && (f = this.pluralResolver.getSuffix(_, t.count, t));
+            const m = `${this.options.pluralSeparator}zero`, N = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
+            if (u && (M.push(l + f), t.ordinal && f.indexOf(N) === 0 && M.push(l + f.replace(N, this.options.pluralSeparator)), p && M.push(l + m)), v) {
+              const w = `${l}${this.options.contextSeparator}${t.context}`;
+              M.push(w), u && (M.push(w + f), t.ordinal && f.indexOf(N) === 0 && M.push(w + f.replace(N, this.options.pluralSeparator)), p && M.push(w + m));
             }
           }
-          let _;
-          for (; _ = M.pop(); )
-            this.isValidLookup(s) || (o = _, s = this.getResource(H, L, _, t));
+          let H;
+          for (; H = M.pop(); )
+            this.isValidLookup(s) || (o = H, s = this.getResource(_, L, H, t));
         }));
       });
     }), {
@@ -6783,7 +6619,7 @@ class b1 extends E1 {
     return !1;
   }
 }
-const _1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
+const H1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
 class J1 {
   constructor(e) {
     this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = J.create("languageUtils");
@@ -6808,7 +6644,7 @@ class J1 {
         }
       const t = ["hans", "hant", "latn", "cyrl", "cans", "mong", "arab"];
       let s = e.split("-");
-      return this.options.lowerCaseLng ? s = s.map((n) => n.toLowerCase()) : s.length === 2 ? (s[0] = s[0].toLowerCase(), s[1] = s[1].toUpperCase(), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = _1(s[1].toLowerCase()))) : s.length === 3 && (s[0] = s[0].toLowerCase(), s[1].length === 2 && (s[1] = s[1].toUpperCase()), s[0] !== "sgn" && s[2].length === 2 && (s[2] = s[2].toUpperCase()), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = _1(s[1].toLowerCase())), t.indexOf(s[2].toLowerCase()) > -1 && (s[2] = _1(s[2].toLowerCase()))), s.join("-");
+      return this.options.lowerCaseLng ? s = s.map((n) => n.toLowerCase()) : s.length === 2 ? (s[0] = s[0].toLowerCase(), s[1] = s[1].toUpperCase(), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = H1(s[1].toLowerCase()))) : s.length === 3 && (s[0] = s[0].toLowerCase(), s[1].length === 2 && (s[1] = s[1].toUpperCase()), s[0] !== "sgn" && s[2].length === 2 && (s[2] = s[2].toUpperCase()), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = H1(s[1].toLowerCase())), t.indexOf(s[2].toLowerCase()) > -1 && (s[2] = H1(s[2].toLowerCase()))), s.join("-");
     }
     return this.options.cleanCode || this.options.lowerCaseLng ? e.toLowerCase() : e;
   }
@@ -6849,7 +6685,7 @@ class J1 {
     }), n;
   }
 }
-let Qi = [{
+let Ui = [{
   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
@@ -6941,7 +6777,7 @@ let Qi = [{
   lngs: ["he", "iw"],
   nr: [1, 2, 20, 21],
   fc: 22
-}], Xi = {
+}], zi = {
   1: (i) => +(i > 1),
   2: (i) => +(i != 1),
   3: (i) => 0,
@@ -6965,28 +6801,28 @@ let Qi = [{
   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 e0 = ["v1", "v2", "v3"], t0 = ["v4"], q1 = {
+const Ji = ["v1", "v2", "v3"], qi = ["v4"], q1 = {
   zero: 0,
   one: 1,
   two: 2,
   few: 3,
   many: 4,
   other: 5
-}, i0 = () => {
+}, Qi = () => {
   const i = {};
-  return Qi.forEach((e) => {
+  return Ui.forEach((e) => {
     e.lngs.forEach((t) => {
       i[t] = {
         numbers: e.nr,
-        plurals: Xi[e.fc]
+        plurals: zi[e.fc]
       };
     });
   }), i;
 };
-class s0 {
+class Xi {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.languageUtils = e, this.options = t, this.logger = J.create("pluralResolver"), (!this.options.compatibilityJSON || t0.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 = i0(), this.pluralRulesCache = {};
+    this.languageUtils = e, this.options = t, this.logger = J.create("pluralResolver"), (!this.options.compatibilityJSON || qi.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 = Qi(), this.pluralRulesCache = {};
   }
   addRule(e, t) {
     this.rules[e] = t;
@@ -7044,14 +6880,14 @@ class s0 {
     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 !e0.includes(this.options.compatibilityJSON);
+    return !Ji.includes(this.options.compatibilityJSON);
   }
 }
 const Q1 = 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 = Pi(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 = Di(i, e, t);
   return !o && n && R(t) && (o = S1(i, t, s), o === void 0 && (o = S1(e, t, s))), o;
 }, I1 = (i) => i.replace(/\$/g, "$$$$");
-class n0 {
+class e0 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     this.logger = J.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
@@ -7077,10 +6913,10 @@ class n0 {
       nestingSuffix: v,
       nestingSuffixEscaped: x,
       nestingOptionsSeparator: L,
-      maxReplaces: H,
+      maxReplaces: _,
       alwaysFormat: M
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : Fi, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = o ? h1(o) : c || "{{", this.suffix = a ? h1(a) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = l ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = u ? h1(u) : p || h1("$t("), this.nestingSuffix = v ? h1(v) : x || h1(")"), this.nestingOptionsSeparator = L || ",", this.maxReplaces = H || 1e3, this.alwaysFormat = M !== void 0 ? M : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : Gi, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = o ? h1(o) : c || "{{", this.suffix = a ? h1(a) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = l ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = u ? h1(u) : p || h1("$t("), this.nestingSuffix = v ? h1(v) : x || h1(")"), this.nestingOptionsSeparator = L || ",", this.maxReplaces = _ || 1e3, this.alwaysFormat = M !== void 0 ? M : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -7093,12 +6929,12 @@ class n0 {
     let o, c, a;
     const d = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, g = (p) => {
       if (p.indexOf(this.formatSeparator) < 0) {
-        const H = Q1(t, d, p, this.options.keySeparator, this.options.ignoreJSONStructure);
-        return this.alwaysFormat ? this.format(H, void 0, s, {
+        const _ = Q1(t, d, p, this.options.keySeparator, this.options.ignoreJSONStructure);
+        return this.alwaysFormat ? this.format(_, void 0, s, {
           ...n,
           ...t,
           interpolationkey: p
-        }) : H;
+        }) : _;
       }
       const v = p.split(this.formatSeparator), x = v.shift().trim(), L = v.join(this.formatSeparator).trim();
       return this.format(Q1(t, d, x, this.options.keySeparator, this.options.ignoreJSONStructure), L, s, {
@@ -7175,7 +7011,7 @@ class n0 {
     return e;
   }
 }
-const r0 = (i) => {
+const t0 = (i) => {
   let e = i.toLowerCase().trim();
   const t = {};
   if (i.indexOf("(") > -1) {
@@ -7206,7 +7042,7 @@ const r0 = (i) => {
     return a || (a = i(M1(s), n), e[c] = a), a(t);
   };
 };
-class o0 {
+class i0 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     this.logger = J.create("formatter"), this.options = e, this.formats = {
@@ -7266,7 +7102,7 @@ class o0 {
       const {
         formatName: g,
         formatOptions: l
-      } = r0(d);
+      } = t0(d);
       if (this.formats[g]) {
         let h = a;
         try {
@@ -7286,10 +7122,10 @@ class o0 {
     }, e);
   }
 }
-const a0 = (i, e) => {
+const s0 = (i, e) => {
   i.pending[e] !== void 0 && (delete i.pending[e], i.pendingCount--);
 };
-class l0 extends E1 {
+class n0 extends E1 {
   constructor(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
     super(), this.backend = e, this.store = t, this.services = s, this.languageUtils = s.languageUtils, this.options = n, this.logger = J.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);
@@ -7322,7 +7158,7 @@ class l0 extends E1 {
     }), this.state[e] = t ? -1 : 2, t && s && (this.state[e] = 0);
     const a = {};
     this.queue.forEach((d) => {
-      Ki(d.loaded, [o], c), a0(d, e), t && d.errors.push(t), d.pendingCount === 0 && !d.done && (Object.keys(d.loaded).forEach((g) => {
+      Zi(d.loaded, [o], c), s0(d, e), t && d.errors.push(t), d.pendingCount === 0 && !d.done && (Object.keys(d.loaded).forEach((g) => {
         a[g] || (a[g] = {});
         const l = d.loaded[g];
         l.length && l.forEach((h) => {
@@ -7481,17 +7317,17 @@ const X1 = () => ({
     skipOnVariables: !0
   }
 }), ee = (i) => (R(i.ns) && (i.ns = [i.ns]), R(i.fallbackLng) && (i.fallbackLng = [i.fallbackLng]), R(i.fallbackNS) && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), x1 = () => {
-}, h0 = (i) => {
+}, r0 = (i) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(i)).forEach((t) => {
     typeof i[t] == "function" && (i[t] = i[t].bind(i));
   });
 };
-class m1 extends E1 {
+class w1 extends E1 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
     if (super(), this.options = ee(e), this.services = {}, this.logger = J, this.modules = {
       external: []
-    }, h0(this), t && !this.isInitialized && !e.isClone) {
+    }, r0(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initImmediate)
         return this.init(e, t), this;
       setTimeout(() => {
@@ -7516,17 +7352,17 @@ class m1 extends E1 {
     if (!this.options.isClone) {
       this.modules.logger ? J.init(o(this.modules.logger), this.options) : J.init(null, this.options);
       let l;
-      this.modules.formatter ? l = this.modules.formatter : typeof Intl < "u" && (l = o0);
+      this.modules.formatter ? l = this.modules.formatter : typeof Intl < "u" && (l = i0);
       const h = new J1(this.options);
       this.store = new U1(this.options.resources, this.options);
       const u = this.services;
-      u.logger = J, u.resourceStore = this.store, u.languageUtils = h, u.pluralResolver = new s0(h, {
+      u.logger = J, u.resourceStore = this.store, u.languageUtils = h, u.pluralResolver = new Xi(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) && (u.formatter = o(l), u.formatter.init(u, this.options), this.options.interpolation.format = u.formatter.format.bind(u.formatter)), u.interpolator = new n0(this.options), u.utils = {
+      }), l && (!this.options.interpolation.format || this.options.interpolation.format === n.interpolation.format) && (u.formatter = o(l), u.formatter.init(u, this.options), this.options.interpolation.format = u.formatter.format.bind(u.formatter)), u.interpolator = new e0(this.options), u.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      }, u.backendConnector = new l0(o(this.modules.backend), u.resourceStore, u, this.options), u.backendConnector.on("*", function(p) {
+      }, u.backendConnector = new n0(o(this.modules.backend), u.resourceStore, u, this.options), u.backendConnector.on("*", function(p) {
         for (var v = arguments.length, x = new Array(v > 1 ? v - 1 : 0), L = 1; L < v; L++)
           x[L - 1] = arguments[L];
         e.emit(p, ...x);
@@ -7689,7 +7525,7 @@ class m1 extends E1 {
   }
   static createInstance() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    return new m1(e, t);
+    return new w1(e, t);
   }
   cloneInstance() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : x1;
@@ -7699,7 +7535,7 @@ class m1 extends E1 {
       ...this.options,
       ...e,
       isClone: !0
-    }, o = new m1(n);
+    }, o = new w1(n);
     return (e.debug !== void 0 || e.prefix !== void 0) && (o.logger = o.logger.clone(e)), ["store", "services", "language"].forEach((a) => {
       o[a] = this[a];
     }), o.services = {
@@ -7724,8 +7560,8 @@ class m1 extends E1 {
     };
   }
 }
-const W = m1.createInstance();
-W.createInstance = m1.createInstance;
+const W = w1.createInstance();
+W.createInstance = w1.createInstance;
 W.createInstance;
 W.dir;
 W.init;
@@ -7740,7 +7576,7 @@ W.setDefaultNamespace;
 W.hasLoadedNamespace;
 W.loadNamespaces;
 W.loadLanguages;
-function c0() {
+function o0() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
       e[t] = arguments[t];
@@ -7751,7 +7587,7 @@ const te = {};
 function V1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  n1(e[0]) && te[e[0]] || (n1(e[0]) && (te[e[0]] = /* @__PURE__ */ new Date()), c0(...e));
+  n1(e[0]) && te[e[0]] || (n1(e[0]) && (te[e[0]] = /* @__PURE__ */ new Date()), o0(...e));
 }
 const ue = (i, e) => () => {
   if (i.isInitialized)
@@ -7770,7 +7606,7 @@ const ue = (i, e) => () => {
   n1(t) && (t = [t]), t.forEach((n) => {
     i.options.ns.indexOf(n) < 0 && i.options.ns.push(n);
   }), i.loadLanguages(e, ue(i, s));
-}, d0 = function(i, e) {
+}, a0 = 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;
@@ -7779,15 +7615,15 @@ const ue = (i, e) => () => {
     return g === -1 || g === 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)));
-}, g0 = function(i, e) {
+}, l0 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   return !e.languages || !e.languages.length ? (V1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
     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;
     }
-  }) : d0(i, e, t);
-}, n1 = (i) => typeof i == "string", u0 = (i) => typeof i == "object" && i !== null, C0 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, p0 = {
+  }) : a0(i, e, t);
+}, n1 = (i) => typeof i == "string", h0 = (i) => typeof i == "object" && i !== null, c0 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, d0 = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -7808,7 +7644,7 @@ const ue = (i, e) => () => {
   "&#8230;": "…",
   "&#x2F;": "/",
   "&#47;": "/"
-}, f0 = (i) => p0[i], w0 = (i) => i.replace(C0, f0);
+}, g0 = (i) => d0[i], u0 = (i) => i.replace(c0, g0);
 let A1 = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
@@ -7817,27 +7653,27 @@ let A1 = {
   transWrapTextNodes: "",
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
-  unescape: w0
+  unescape: u0
 };
-const m0 = function() {
+const C0 = function() {
   let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   A1 = {
     ...A1,
     ...i
   };
-}, k0 = () => A1;
+}, p0 = () => A1;
 let Ce;
-const L0 = (i) => {
+const f0 = (i) => {
   Ce = i;
-}, v0 = () => Ce, N0 = {
+}, m0 = () => Ce, w0 = {
   type: "3rdParty",
   init(i) {
-    m0(i.options.react), L0(i);
+    C0(i.options.react), f0(i);
   }
-}, x0 = d1();
-class R0 {
+}, k0 = d1();
+class L0 {
   constructor() {
-    B1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
+    j1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
     this.usedNamespaces = {};
   }
   addUsedNamespaces(e) {
@@ -7846,27 +7682,27 @@ class R0 {
     });
   }
 }
-const M0 = (i, e) => {
+const v0 = (i, e) => {
   const t = Y();
-  return j(() => {
+  return B(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, pe = (i, e, t, s) => i.getFixedT(e, t, s), y0 = (i, e, t, s) => D(pe(i, e, t, s), [i, e, t, s]), b0 = function(i) {
+}, pe = (i, e, t, s) => i.getFixedT(e, t, s), N0 = (i, e, t, s) => D(pe(i, e, t, s), [i, e, t, s]), x0 = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
   } = e, {
     i18n: s,
     defaultNS: n
-  } = r1(x0) || {}, o = t || s || v0();
-  if (o && !o.reportNamespaces && (o.reportNamespaces = new R0()), !o) {
+  } = r1(k0) || {}, o = t || s || m0();
+  if (o && !o.reportNamespaces && (o.reportNamespaces = new L0()), !o) {
     V1("You will need to pass in an i18next instance by using initReactI18next");
-    const f = (N, m) => n1(m) ? m : u0(m) && n1(m.defaultValue) ? m.defaultValue : Array.isArray(N) ? N[N.length - 1] : N, w = [f, {}, !1];
-    return w.t = f, w.i18n = {}, w.ready = !1, w;
+    const f = (N, w) => n1(w) ? w : h0(w) && n1(w.defaultValue) ? w.defaultValue : Array.isArray(N) ? N[N.length - 1] : N, m = [f, {}, !1];
+    return m.t = f, m.i18n = {}, m.ready = !1, m;
   }
   o.options.react && o.options.react.wait !== void 0 && V1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
-    ...k0(),
+    ...p0(),
     ...o.options.react,
     ...e
   }, {
@@ -7875,76 +7711,76 @@ const M0 = (i, e) => {
   } = c;
   let g = i;
   g = n1(g) ? [g] : g || ["translation"], o.reportNamespaces.addUsedNamespaces && o.reportNamespaces.addUsedNamespaces(g);
-  const l = (o.isInitialized || o.initializedStoreOnce) && g.every((f) => g0(f, o, c)), h = y0(o, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => pe(o, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [v, x] = A(u);
+  const l = (o.isInitialized || o.initializedStoreOnce) && g.every((f) => l0(f, o, c)), h = N0(o, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => pe(o, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [v, x] = A(u);
   let L = g.join();
   e.lng && (L = `${e.lng}${L}`);
-  const H = M0(L), M = Y(!0);
-  j(() => {
+  const _ = v0(L), M = Y(!0);
+  B(() => {
     const {
       bindI18n: f,
-      bindI18nStore: w
+      bindI18nStore: m
     } = c;
     M.current = !0, !l && !a && (e.lng ? se(o, e.lng, g, () => {
       M.current && x(p);
     }) : ie(o, g, () => {
       M.current && x(p);
-    })), l && H && H !== L && M.current && x(p);
+    })), l && _ && _ !== L && M.current && x(p);
     const N = () => {
       M.current && x(p);
     };
-    return f && o && o.on(f, N), w && o && o.store.on(w, N), () => {
-      M.current = !1, f && o && f.split(" ").forEach((m) => o.off(m, N)), w && o && w.split(" ").forEach((m) => o.store.off(m, N));
+    return f && o && o.on(f, N), m && o && o.store.on(m, N), () => {
+      M.current = !1, f && o && f.split(" ").forEach((w) => o.off(w, N)), m && o && m.split(" ").forEach((w) => o.store.off(w, N));
     };
-  }, [o, L]), j(() => {
+  }, [o, L]), B(() => {
     M.current && l && x(u);
   }, [o, d, l]);
-  const _ = [v, o, l];
-  if (_.t = v, _.i18n = o, _.ready = l, l || !l && !a) return _;
+  const H = [v, o, l];
+  if (H.t = v, H.i18n = o, H.ready = l, l || !l && !a) return H;
   throw new Promise((f) => {
     e.lng ? se(o, e.lng, g, () => f()) : ie(o, g, () => f());
   });
-}, E0 = "City", H0 = {
-  placeholder: E0
-}, _0 = "Город", I0 = {
-  placeholder: _0
+}, R0 = "City", M0 = {
+  placeholder: R0
+}, y0 = "Город", b0 = {
+  placeholder: y0
 };
-function O0(i) {
+function E0(i) {
   const e = Y(i);
-  return j(() => {
+  return B(() => {
     e.current = i;
   }, [i]), e.current;
 }
-W.use(N0).init({
+W.use(w0).init({
   defaultNS: "common",
   lng: "en",
   resources: {
     en: {
-      common: H0
+      common: M0
     },
     ru: {
-      common: I0
+      common: b0
     }
   }
 });
-const Z0 = k1(
+const A0 = k1(
   ({ width: i, selectedCountry: e, onChange: t, value: s, id: n, disabled: o, clearable: c }, a) => {
     const [d, g] = A(
       []
-    ), [l, h] = A(!1), { locale: u, axiosPeople: p } = r1(ke), v = Y(!1), x = Y(null), L = Y(d), H = O0(e);
+    ), [l, h] = A(!1), { locale: u, axiosPeople: p } = r1(ke), v = Y(!1), x = Y(null), L = Y(d), _ = E0(e);
     if (!p)
       throw new Error(
         `CitySelect requires "axiosPeople" to fetch cities. 
                 Please provide it via SNMTUiContext.`
       );
-    const { t: M } = b0("common", { lng: u }), _ = D(
-      async (w) => {
-        const N = L.current.find((m) => m.value === w);
+    const { t: M } = x0("common", { lng: u }), H = D(
+      async (m) => {
+        const N = L.current.find((w) => w.value === m);
         if (N)
           return [N];
         try {
           const I = (await p.post("v1/cities/search", {
             filters: {
-              geoNameId: [w],
+              geoNameId: [m],
               countryId: [e]
             }
           })).data.data;
@@ -7955,36 +7791,36 @@ const Z0 = k1(
             label: I[0].name
           };
           return L.current = [...L.current, T], [T];
-        } catch (m) {
-          return console.error("CitySelect. fetchSelectedItems error", m), [];
+        } catch (w) {
+          return console.error("CitySelect. fetchSelectedItems error", w), [];
         }
       },
       [p, e, t]
     );
-    j(() => {
+    B(() => {
       (async () => {
         if (!s) return;
-        const N = await _(s);
+        const N = await H(s);
         g(N);
       })();
-    }, []), j(() => {
-      var w;
-      H !== e ? v.current && (t(null), g([]), L.current = [], (w = x.current) == null || w.refetchOptions()) : v.current = !0;
-    }, [e, t, H]);
+    }, []), B(() => {
+      var m;
+      _ !== e ? v.current && (t(null), g([]), L.current = [], (m = x.current) == null || m.refetchOptions()) : v.current = !0;
+    }, [e, t, _]);
     const f = D(
       async ({
-        limit: w,
+        limit: m,
         offset: N,
-        search: m
+        search: w
       }) => {
         try {
           h(!0);
           const I = {
             offset: N,
-            limit: w,
+            limit: m,
             includeCount: !0
           };
-          I.filters = {}, e && e.length > 0 && (I.filters.countryId = [e]), m && (I.search = m);
+          I.filters = {}, e && e.length > 0 && (I.filters.countryId = [e]), w && (I.search = w);
           const T = await p.post("v1/cities/search", I), Z = (T == null ? void 0 : T.data.data) || [], G = T == null ? void 0 : T.data.metadata.count;
           return {
             options: Z.map((O) => ({
@@ -7992,13 +7828,13 @@ const Z0 = k1(
               label: O.name
             })),
             count: G,
-            limit: w
+            limit: m
           };
         } catch (I) {
           return console.error("CitySelect. loadOptions error", I), {
             options: [],
             count: 0,
-            limit: w
+            limit: m
           };
         } finally {
           h(!1);
@@ -8007,7 +7843,7 @@ const Z0 = k1(
       [p, e]
     );
     return ne(a, () => x.current), /* @__PURE__ */ r("div", { className: "snmt-city-select", children: /* @__PURE__ */ r(
-      Di,
+      Ti,
       {
         id: n,
         width: i,
@@ -8027,5 +7863,5 @@ const Z0 = k1(
   }
 );
 export {
-  Z0 as CitySelect
+  A0 as CitySelect
 };