@snmt-react-ui/country-select 2.3.11 → 2.3.13

package/dist/country-select.js

@@ -2,9 +2,9 @@ var ae = Object.defineProperty;
 var he = (i, e, t) => e in i ? ae(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
 var E1 = (i, e, t) => he(i, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
-import { jsx as n, Fragment as X, jsxs as u } from "react/jsx-runtime";
+import { jsx as n, Fragment as X, jsxs as C } from "react/jsx-runtime";
 import { SNMTUiContext as ce } from "@snmt-react-ui/core";
-import { Select as de, Flex as ge, Avatar as ue, Checkbox as Ce, Typography as pe, Tag as fe, Popover as we } from "antd";
+import { Select as de, Flex as ge, Avatar as Ce, Checkbox as ue, Typography as pe, Tag as fe, Popover as we } from "antd";
 import { createContext as e1, forwardRef as b1, useState as S, useRef as l1, useEffect as A, useCallback as W, useContext as z } from "react";
 var me = Object.defineProperty, ke = (i, e, t) => e in i ? me(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, Le = (i, e, t) => ke(i, e + "", t), ve = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Ne() {
@@ -128,7 +128,7 @@ const Be = (i, e) => {
   } = c;
   let g = i;
   g = Y(g) ? [g] : g || ["translation"], l.reportNamespaces.addUsedNamespaces && l.reportNamespaces.addUsedNamespaces(g);
-  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((f) => Re(f, l, c)), h = Ze(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), C = () => h, p = () => z1(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [m, x] = S(C);
+  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((f) => Re(f, l, c)), h = Ze(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => z1(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [m, x] = S(u);
   let w = g.join();
   e.lng && (w = `${e.lng}${w}`);
   const E = Be(w), y = l1(!0);
@@ -149,7 +149,7 @@ const Be = (i, e) => {
       y.current = !1, f && l && f.split(" ").forEach((M) => l.off(M, b)), R && l && R.split(" ").forEach((M) => l.store.off(M, b));
     };
   }, [l, w]), A(() => {
-    y.current && a && x(C);
+    y.current && a && x(u);
   }, [l, d, a]);
   const _ = [m, l, a];
   if (_.t = m, _.i18n = l, _.ready = a, a || !a && !r) return _;
@@ -181,7 +181,7 @@ const Be = (i, e) => {
 ), je = ({ shape: i = "circle", size: e = 32, children: t, ...s }) => {
   const o = typeof s.src == "string";
   return /* @__PURE__ */ n(
-    ue,
+    Ce,
     {
       className: `snmt-avatar ${o ? "image" : ""}`,
       shape: i,
@@ -212,7 +212,7 @@ const Te = ({
   }, [i, e]);
   const { theme: a } = z(y1);
   return /* @__PURE__ */ n(
-    Ce,
+    ue,
     {
       className: `snmt-checkbox snmt-checkbox-${a}`,
       checked: c,
@@ -291,7 +291,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -319,7 +319,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -354,7 +354,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -419,7 +419,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -440,7 +440,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -472,7 +472,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -526,7 +526,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -575,7 +575,7 @@ const De = ({
     viewBox: "0 0 16 12",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ u("g", { id: "Icon", children: [
+    children: /* @__PURE__ */ C("g", { id: "Icon", children: [
       /* @__PURE__ */ n(
         "path",
         {
@@ -614,7 +614,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -658,7 +658,7 @@ const De = ({
     viewBox: "0 0 10 10",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ u("g", { id: "Icon", children: [
+    children: /* @__PURE__ */ C("g", { id: "Icon", children: [
       /* @__PURE__ */ n(
         "path",
         {
@@ -687,7 +687,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -723,7 +723,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -761,7 +761,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -808,7 +808,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -841,7 +841,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -888,7 +888,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -921,7 +921,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -960,7 +960,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1017,7 +1017,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1064,7 +1064,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1097,7 +1097,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1130,7 +1130,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1185,13 +1185,13 @@ const De = ({
       )
     ]
   }
-), u2 = ({
+), C2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1225,13 +1225,13 @@ const De = ({
       )
     ]
   }
-), C2 = ({
+), u2 = ({
   width: i = 32,
   height: e = 25,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -1259,7 +1259,7 @@ const De = ({
   color: t = "#10B981",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1288,7 +1288,7 @@ const De = ({
   color: t = "#FFB020",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1322,7 +1322,7 @@ const De = ({
   color: t = "#88A4FF",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1370,7 +1370,7 @@ const De = ({
   color: t = "#8E8E93",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1398,7 +1398,7 @@ const De = ({
   color: t = "#FFB020",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1432,7 +1432,7 @@ const De = ({
   color: t = "#D0421B",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1480,7 +1480,7 @@ const De = ({
   color: t = "#070739",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -1510,7 +1510,7 @@ const De = ({
   color: t = "#070739",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -1574,7 +1574,7 @@ const De = ({
   color: t = "#F2F2F7",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -1603,7 +1603,7 @@ const De = ({
   color: t = "#004ED7",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -1632,7 +1632,7 @@ const De = ({
   color: t = "#070739",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1669,7 +1669,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -1708,7 +1708,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -1737,7 +1737,7 @@ const De = ({
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -1774,7 +1774,7 @@ const De = ({
   color: t = v.GREY_DARK_5,
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -1813,7 +1813,7 @@ const De = ({
   color: t = v.GREY_DARK_1,
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -1846,7 +1846,7 @@ const De = ({
   color: t = v.GREY_DARK_5,
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -1998,7 +1998,7 @@ const De = ({
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: s,
@@ -2037,7 +2037,7 @@ const De = ({
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: s,
@@ -2103,7 +2103,7 @@ const De = ({
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: s,
@@ -2162,7 +2162,7 @@ const De = ({
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: s,
@@ -2199,7 +2199,7 @@ const De = ({
   height: t = 14,
   width: s = 14,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     className: i,
@@ -2263,7 +2263,7 @@ const De = ({
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -2315,7 +2315,7 @@ const De = ({
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -2352,7 +2352,7 @@ const De = ({
   height: t = 37,
   width: s = 36,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -2417,7 +2417,7 @@ const De = ({
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -2456,7 +2456,7 @@ const De = ({
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -2495,7 +2495,7 @@ const De = ({
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -2564,7 +2564,7 @@ const De = ({
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -2603,7 +2603,7 @@ const De = ({
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -2660,7 +2660,7 @@ const De = ({
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -2699,7 +2699,7 @@ const De = ({
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -2748,7 +2748,7 @@ const De = ({
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -2814,7 +2814,7 @@ const De = ({
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -2852,7 +2852,7 @@ const De = ({
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -2873,7 +2873,7 @@ const De = ({
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -2912,7 +2912,7 @@ const De = ({
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -2951,7 +2951,7 @@ const De = ({
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -3016,7 +3016,7 @@ const De = ({
   height: t = 20,
   width: s = 20,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -3045,7 +3045,7 @@ const De = ({
   height: t = 20,
   width: s = 20,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -3074,7 +3074,7 @@ const De = ({
   height: t = 20,
   width: s = 20,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -3103,7 +3103,7 @@ const De = ({
   height: t = 20,
   width: s = 20,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -3126,7 +3126,7 @@ const De = ({
       )
     ]
   }
-), ut = ({
+), Ct = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -3152,7 +3152,7 @@ const De = ({
       }
     )
   }
-), Ct = ({
+), ut = ({
   className: i,
   color: e = "#131314",
   height: t = 20,
@@ -3197,7 +3197,7 @@ const De = ({
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 489.698 489.698",
-    children: /* @__PURE__ */ n("g", { children: /* @__PURE__ */ u("g", { children: [
+    children: /* @__PURE__ */ n("g", { children: /* @__PURE__ */ C("g", { children: [
       /* @__PURE__ */ n(
         "path",
         {
@@ -3274,6 +3274,39 @@ const De = ({
       }
     )
   }
+), wt = ({
+  width: i = 24,
+  height: e = 24,
+  color: t = "#131314",
+  className: s,
+  onClick: o
+}) => /* @__PURE__ */ C(
+  "svg",
+  {
+    width: i,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    className: s,
+    onClick: o,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M19.2598 20V4C19.2598 3.58579 19.5956 3.25 20.0098 3.25C20.424 3.25 20.7598 3.58579 20.7598 4V20C20.7598 20.4142 20.424 20.75 20.0098 20.75C19.5956 20.75 19.2598 20.4142 19.2598 20Z",
+          fill: t
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M9.96973 5.46972C10.2443 5.19512 10.6791 5.17765 10.9736 5.41796L11.0303 5.46972L17.5303 11.9697L17.582 12.0264C17.8063 12.3013 17.8063 12.6987 17.582 12.9736L17.5303 13.0303L11.0303 19.5303C10.7374 19.8232 10.2626 19.8232 9.96973 19.5303C9.67683 19.2374 9.67683 18.7626 9.96973 18.4697L15.1895 13.25H4C3.58579 13.25 3.25 12.9142 3.25 12.5C3.25 12.0858 3.58579 11.75 4 11.75H15.1895L9.96973 6.53027L9.91797 6.47363C9.67766 6.17905 9.69512 5.74433 9.96973 5.46972Z",
+          fill: t
+        }
+      )
+    ]
+  }
 ), c1 = ({
   name: i,
   width: e,
@@ -3367,9 +3400,9 @@ const De = ({
       case "settings4":
         return g2({ width: e, height: t, color: a, className: r, onClick: h });
       case "edit2":
-        return u2({ width: e, height: t, color: a, className: r, onClick: h });
+        return C2({ width: e, height: t, color: a, className: r, onClick: h });
       case "notifications":
-        return C2({
+        return u2({
           width: e,
           height: t,
           color: a,
@@ -3525,23 +3558,25 @@ const De = ({
       case "filledArrowRight":
         return gt({ width: e, height: t, color: a, className: r, onClick: h });
       case "burgerMenu":
-        return ut({ width: e, height: t, color: a, className: r, onClick: h });
-      case "signOut":
         return Ct({ width: e, height: t, color: a, className: r, onClick: h });
+      case "signOut":
+        return ut({ width: e, height: t, color: a, className: r, onClick: h });
       case "refresh":
         return pt({ width: e, height: t, color: a, className: r, onClick: h });
       case "projects":
         return ft({ width: e, height: t, color: a, className: r, onClick: h });
+      case "exit":
+        return wt({ width: e, height: t, color: a, className: r, onClick: h });
       default:
         return /* @__PURE__ */ n(X, { children: "No Icon provided" });
     }
   })() });
-}, { Title: wt, Text: mt } = pe, kt = {
+}, { Title: mt, Text: kt } = pe, Lt = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, Lt = b1(
+}, vt = b1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -3554,17 +3589,17 @@ const De = ({
     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}`), l && (g += " collapsed"), d ? /* @__PURE__ */ n(
-      wt,
+      mt,
       {
         className: g,
         style: { color: t, whiteSpace: c },
         onClick: o,
-        level: kt[e],
+        level: Lt[e],
         ref: r,
         children: s
       }
     ) : /* @__PURE__ */ n(
-      mt,
+      kt,
       {
         className: g,
         style: { color: t, whiteSpace: c },
@@ -3581,7 +3616,7 @@ const Q1 = e1({
   theme: "light"
 });
 Q1.Provider;
-const vt = ({
+const Nt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3608,7 +3643,7 @@ const vt = ({
       }
     )
   }
-), Nt = ({
+), xt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3635,13 +3670,13 @@ const vt = ({
       }
     )
   }
-), xt = ({
+), Rt = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3663,13 +3698,13 @@ const vt = ({
       )
     ]
   }
-), Rt = ({
+), Mt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3698,13 +3733,13 @@ const vt = ({
       )
     ]
   }
-), Mt = ({
+), bt = ({
   width: i = 18,
   height: e = 18,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3737,7 +3772,7 @@ const vt = ({
       )
     ]
   }
-), bt = ({
+), yt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3763,13 +3798,13 @@ const vt = ({
       }
     )
   }
-), yt = ({
+), _t = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3784,13 +3819,13 @@ const vt = ({
       /* @__PURE__ */ n("path", { d: "M16 4L4 16", stroke: t, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), _t = ({
+), Et = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3816,13 +3851,13 @@ const vt = ({
       )
     ]
   }
-), Et = ({
+), Ht = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3870,13 +3905,13 @@ const vt = ({
       )
     ]
   }
-), Ht = ({
+), Vt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3909,7 +3944,7 @@ const vt = ({
       /* @__PURE__ */ n("path", { d: "M3 12L17 12", stroke: t, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), Vt = ({
+), It = ({
   width: i = 16,
   height: e = 12,
   color: t = "#001E52",
@@ -3925,7 +3960,7 @@ const vt = ({
     viewBox: "0 0 16 12",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ u("g", { id: "Icon", children: [
+    children: /* @__PURE__ */ C("g", { id: "Icon", children: [
       /* @__PURE__ */ n(
         "path",
         {
@@ -3958,13 +3993,13 @@ const vt = ({
       )
     ] })
   }
-), It = ({
+), St = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3992,7 +4027,7 @@ const vt = ({
       )
     ]
   }
-), St = ({
+), Ot = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -4008,7 +4043,7 @@ const vt = ({
     viewBox: "0 0 10 10",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ u("g", { id: "Icon", children: [
+    children: /* @__PURE__ */ C("g", { id: "Icon", children: [
       /* @__PURE__ */ n(
         "path",
         {
@@ -4031,13 +4066,13 @@ const vt = ({
       )
     ] })
   }
-), Ot = ({
+), At = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4067,13 +4102,13 @@ const vt = ({
       )
     ]
   }
-), At = ({
+), Bt = ({
   width: i = 11,
   height: e = 32,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4105,13 +4140,13 @@ const vt = ({
       /* @__PURE__ */ n("circle", { cx: "3", cy: "3", r: "3", fill: t })
     ]
   }
-), Bt = ({
+), Zt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4152,13 +4187,13 @@ const vt = ({
       )
     ]
   }
-), Zt = ({
+), Wt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4185,13 +4220,13 @@ const vt = ({
       )
     ]
   }
-), Wt = ({
+), jt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4232,13 +4267,13 @@ const vt = ({
       )
     ]
   }
-), jt = ({
+), Tt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4265,13 +4300,13 @@ const vt = ({
       )
     ]
   }
-), Tt = ({
+), Dt = ({
   width: i = 18,
   height: e = 16,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4304,13 +4339,13 @@ const vt = ({
       )
     ]
   }
-), Dt = ({
+), Gt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4337,7 +4372,7 @@ const vt = ({
       )
     ]
   }
-), Gt = ({
+), Kt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4361,13 +4396,13 @@ const vt = ({
       }
     )
   }
-), Kt = ({
+), Pt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4408,13 +4443,13 @@ const vt = ({
       )
     ]
   }
-), Pt = ({
+), Ft = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4441,13 +4476,13 @@ const vt = ({
       )
     ]
   }
-), Ft = ({
+), $t = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4474,13 +4509,13 @@ const vt = ({
       )
     ]
   }
-), $t = ({
+), Yt = ({
   width: i = 20,
   height: e = 23,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4535,13 +4570,13 @@ const vt = ({
       )
     ]
   }
-), Yt = ({
+), Ut = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4575,13 +4610,13 @@ const vt = ({
       )
     ]
   }
-), Ut = ({
+), zt = ({
   width: i = 32,
   height: e = 25,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -4603,13 +4638,13 @@ const vt = ({
       )
     ]
   }
-), zt = ({
+), Jt = ({
   width: i = 14,
   height: e = 14,
   color: t = "#10B981",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4632,13 +4667,13 @@ const vt = ({
       )
     ]
   }
-), Jt = ({
+), Qt = ({
   width: i = 11,
   height: e = 11,
   color: t = "#FFB020",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4666,13 +4701,13 @@ const vt = ({
       )
     ]
   }
-), Qt = ({
+), qt = ({
   width: i = 10,
   height: e = 10,
   color: t = "#88A4FF",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4714,13 +4749,13 @@ const vt = ({
       )
     ]
   }
-), qt = ({
+), Xt = ({
   width: i = 14,
   height: e = 14,
   color: t = "#8E8E93",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4742,13 +4777,13 @@ const vt = ({
       )
     ]
   }
-), Xt = ({
+), e5 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#FFB020",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4776,13 +4811,13 @@ const vt = ({
       )
     ]
   }
-), e5 = ({
+), t5 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#D0421B",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4824,13 +4859,13 @@ const vt = ({
       )
     ]
   }
-), t5 = ({
+), i5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -4854,13 +4889,13 @@ const vt = ({
       /* @__PURE__ */ n("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), i5 = ({
+), s5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -4892,7 +4927,7 @@ const vt = ({
       )
     ]
   }
-), s5 = ({
+), o5 = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -4918,13 +4953,13 @@ const vt = ({
       }
     )
   }
-), o5 = ({
+), n5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -4947,13 +4982,13 @@ const vt = ({
       )
     ]
   }
-), n5 = ({
+), r5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -4976,13 +5011,13 @@ const vt = ({
       )
     ]
   }
-), r5 = ({
+), l5 = ({
   width: i = 248,
   height: e = 248,
   color: t = "#070739",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5013,13 +5048,13 @@ const vt = ({
       )
     ]
   }
-), l5 = ({
+), a5 = ({
   width: i = 24,
   height: e = 24,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -5052,13 +5087,13 @@ const vt = ({
       )
     ]
   }
-), a5 = ({
+), h5 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -5081,13 +5116,13 @@ const vt = ({
       )
     ]
   }
-), h5 = ({
+), c5 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -5118,13 +5153,13 @@ const vt = ({
       )
     ]
   }
-), c5 = ({
+), d5 = ({
   width: i = 24,
   height: e = 24,
   color: t = N.GREY_DARK_5,
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -5157,13 +5192,13 @@ const vt = ({
       )
     ]
   }
-), d5 = ({
+), g5 = ({
   width: i = 20,
   height: e = 20,
   color: t = N.GREY_DARK_1,
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -5190,13 +5225,13 @@ const vt = ({
       )
     ]
   }
-), g5 = ({
+), C5 = ({
   width: i = 81,
   height: e = 80,
   color: t = N.GREY_DARK_5,
   className: s,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -5266,7 +5301,7 @@ const vt = ({
       }
     )
   }
-), C5 = ({
+), p5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 20,
@@ -5293,7 +5328,7 @@ const vt = ({
       }
     )
   }
-), p5 = ({
+), f5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 5,
@@ -5317,7 +5352,7 @@ const vt = ({
       }
     )
   }
-), f5 = ({
+), w5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 5,
@@ -5342,13 +5377,13 @@ const vt = ({
       }
     )
   }
-), w5 = ({
+), m5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: s,
@@ -5381,13 +5416,13 @@ const vt = ({
       )
     ]
   }
-), m5 = ({
+), k5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: s,
@@ -5420,7 +5455,7 @@ const vt = ({
       )
     ]
   }
-), k5 = ({
+), L5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
@@ -5447,13 +5482,13 @@ const vt = ({
       }
     )
   }
-), L5 = ({
+), v5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: s,
@@ -5506,13 +5541,13 @@ const vt = ({
       )
     ]
   }
-), v5 = ({
+), N5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: s,
@@ -5543,13 +5578,13 @@ const vt = ({
       )
     ]
   }
-), N5 = ({
+), x5 = ({
   className: i,
   color: e = N.GREY_DARK_3,
   height: t = 14,
   width: s = 14,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     className: i,
@@ -5580,7 +5615,7 @@ const vt = ({
       )
     ]
   }
-), x5 = ({
+), R5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 18,
@@ -5607,13 +5642,13 @@ const vt = ({
       }
     )
   }
-), R5 = ({
+), M5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -5659,13 +5694,13 @@ const vt = ({
       )
     ]
   }
-), M5 = ({
+), b5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -5696,13 +5731,13 @@ const vt = ({
       )
     ]
   }
-), b5 = ({
+), y5 = ({
   className: i,
   color: e = N.NOTIFICATION_WARNING_DARK,
   height: t = 37,
   width: s = 36,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -5735,7 +5770,7 @@ const vt = ({
       )
     ]
   }
-), y5 = ({
+), _5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
@@ -5761,13 +5796,13 @@ const vt = ({
       }
     )
   }
-), _5 = ({
+), E5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -5800,13 +5835,13 @@ const vt = ({
       )
     ]
   }
-), E5 = ({
+), H5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -5839,13 +5874,13 @@ const vt = ({
       )
     ]
   }
-), H5 = ({
+), V5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -5908,13 +5943,13 @@ const vt = ({
       )
     ]
   }
-), V5 = ({
+), I5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -5947,13 +5982,13 @@ const vt = ({
       )
     ]
   }
-), I5 = ({
+), S5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -6004,13 +6039,13 @@ const vt = ({
       )
     ]
   }
-), S5 = ({
+), O5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -6043,13 +6078,13 @@ const vt = ({
       )
     ]
   }
-), O5 = ({
+), A5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -6092,13 +6127,13 @@ const vt = ({
       )
     ]
   }
-), A5 = ({
+), B5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -6131,7 +6166,7 @@ const vt = ({
       )
     ]
   }
-), B5 = ({
+), Z5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
@@ -6158,13 +6193,13 @@ const vt = ({
       }
     )
   }
-), Z5 = ({
+), W5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -6196,13 +6231,13 @@ const vt = ({
       )
     ]
   }
-), W5 = ({
+), j5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -6217,13 +6252,13 @@ const vt = ({
       /* @__PURE__ */ n("path", { d: "M12 8L4 8", stroke: e, strokeWidth: "1.7", strokeLinecap: "round" })
     ]
   }
-), j5 = ({
+), T5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -6256,13 +6291,13 @@ const vt = ({
       )
     ]
   }
-), T5 = ({
+), D5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -6295,13 +6330,13 @@ const vt = ({
       )
     ]
   }
-), D5 = ({
+), G5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -6334,7 +6369,7 @@ const vt = ({
       )
     ]
   }
-), G5 = ({
+), K5 = ({
   className: i,
   color: e = N.GREY_DARK_2,
   height: t = 16,
@@ -6360,13 +6395,13 @@ const vt = ({
       }
     )
   }
-), K5 = ({
+), P5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -6389,13 +6424,13 @@ const vt = ({
       /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_3992_5989", children: /* @__PURE__ */ n("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), P5 = ({
+), F5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -6418,13 +6453,13 @@ const vt = ({
       /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_3992_5988", children: /* @__PURE__ */ n("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), F5 = ({
+), $5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -6447,13 +6482,13 @@ const vt = ({
       )
     ]
   }
-), $5 = ({
+), Y5 = ({
   className: i,
   color: e = N.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: o,
@@ -6476,7 +6511,7 @@ const vt = ({
       )
     ]
   }
-), Y5 = ({
+), U5 = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -6502,7 +6537,7 @@ const vt = ({
       }
     )
   }
-), U5 = ({
+), z5 = ({
   className: i,
   color: e = "#131314",
   height: t = 20,
@@ -6530,7 +6565,7 @@ const vt = ({
       }
     )
   }
-), z5 = ({
+), J5 = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -6547,7 +6582,7 @@ const vt = ({
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 489.698 489.698",
-    children: /* @__PURE__ */ n("g", { children: /* @__PURE__ */ u("g", { children: [
+    children: /* @__PURE__ */ n("g", { children: /* @__PURE__ */ C("g", { children: [
       /* @__PURE__ */ n(
         "path",
         {
@@ -6568,7 +6603,7 @@ const vt = ({
       )
     ] }) })
   }
-), J5 = ({
+), Q5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -6624,7 +6659,40 @@ const vt = ({
       }
     )
   }
-), Q5 = ({
+), q5 = ({
+  width: i = 24,
+  height: e = 24,
+  color: t = "#131314",
+  className: s,
+  onClick: o
+}) => /* @__PURE__ */ C(
+  "svg",
+  {
+    width: i,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    className: s,
+    onClick: o,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M19.2598 20V4C19.2598 3.58579 19.5956 3.25 20.0098 3.25C20.424 3.25 20.7598 3.58579 20.7598 4V20C20.7598 20.4142 20.424 20.75 20.0098 20.75C19.5956 20.75 19.2598 20.4142 19.2598 20Z",
+          fill: t
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M9.96973 5.46972C10.2443 5.19512 10.6791 5.17765 10.9736 5.41796L11.0303 5.46972L17.5303 11.9697L17.582 12.0264C17.8063 12.3013 17.8063 12.6987 17.582 12.9736L17.5303 13.0303L11.0303 19.5303C10.7374 19.8232 10.2626 19.8232 9.96973 19.5303C9.67683 19.2374 9.67683 18.7626 9.96973 18.4697L15.1895 13.25H4C3.58579 13.25 3.25 12.9142 3.25 12.5C3.25 12.0858 3.58579 11.75 4 11.75H15.1895L9.96973 6.53027L9.91797 6.47363C9.67766 6.17905 9.69512 5.74433 9.96973 5.46972Z",
+          fill: t
+        }
+      )
+    ]
+  }
+), X5 = ({
   name: i,
   width: e,
   height: t,
@@ -6645,37 +6713,37 @@ const vt = ({
       case "nextIcon":
         return u5({ width: e, height: t, color: a, className: r, onClick: h });
       case "prevIcon":
-        return C5({ width: e, height: t, color: a, className: r, onClick: h });
+        return p5({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowUp":
-        return vt({ width: e, height: t, color: a, className: r, onClick: h });
-      case "arrowDown":
         return Nt({ width: e, height: t, color: a, className: r, onClick: h });
-      case "info":
+      case "arrowDown":
         return xt({ width: e, height: t, color: a, className: r, onClick: h });
-      case "arrowRight":
+      case "info":
         return Rt({ width: e, height: t, color: a, className: r, onClick: h });
-      case "calendar":
+      case "arrowRight":
         return Mt({ width: e, height: t, color: a, className: r, onClick: h });
-      case "ok":
+      case "calendar":
         return bt({ width: e, height: t, color: a, className: r, onClick: h });
-      case "cancel":
+      case "ok":
         return yt({ width: e, height: t, color: a, className: r, onClick: h });
-      case "add":
+      case "cancel":
         return _t({ width: e, height: t, color: a, className: r, onClick: h });
-      case "list":
+      case "add":
         return Et({ width: e, height: t, color: a, className: r, onClick: h });
-      case "dragAndDrop":
+      case "list":
         return Ht({ width: e, height: t, color: a, className: r, onClick: h });
-      case "filter":
+      case "dragAndDrop":
         return Vt({ width: e, height: t, color: a, className: r, onClick: h });
-      case "attention":
+      case "filter":
         return It({ width: e, height: t, color: a, className: r, onClick: h });
-      case "plus":
+      case "attention":
         return St({ width: e, height: t, color: a, className: r, onClick: h });
-      case "time":
+      case "plus":
         return Ot({ width: e, height: t, color: a, className: r, onClick: h });
+      case "time":
+        return At({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowDownLong":
-        return At({
+        return Bt({
           width: e,
           height: t,
           color: a,
@@ -6683,9 +6751,9 @@ const vt = ({
           onClick: h
         });
       case "users":
-        return Bt({ width: e, height: t, color: a, className: r, onClick: h });
+        return Zt({ width: e, height: t, color: a, className: r, onClick: h });
       case "mySkillsMatrix":
-        return Zt({
+        return Wt({
           width: e,
           height: t,
           color: a,
@@ -6693,9 +6761,9 @@ const vt = ({
           onClick: h
         });
       case "skills":
-        return Wt({ width: e, height: t, color: a, className: r, onClick: h });
+        return jt({ width: e, height: t, color: a, className: r, onClick: h });
       case "skillsMatrices":
-        return jt({
+        return Tt({
           width: e,
           height: t,
           color: a,
@@ -6703,23 +6771,23 @@ const vt = ({
           onClick: h
         });
       case "history":
-        return Tt({ width: e, height: t, color: a, className: r, onClick: h });
-      case "logOut":
         return Dt({ width: e, height: t, color: a, className: r, onClick: h });
-      case "settings":
+      case "logOut":
         return Gt({ width: e, height: t, color: a, className: r, onClick: h });
-      case "addSkill":
+      case "settings":
         return Kt({ width: e, height: t, color: a, className: r, onClick: h });
-      case "conversation":
+      case "addSkill":
         return Pt({ width: e, height: t, color: a, className: r, onClick: h });
-      case "trash":
+      case "conversation":
         return Ft({ width: e, height: t, color: a, className: r, onClick: h });
-      case "settings4":
+      case "trash":
         return $t({ width: e, height: t, color: a, className: r, onClick: h });
-      case "edit2":
+      case "settings4":
         return Yt({ width: e, height: t, color: a, className: r, onClick: h });
+      case "edit2":
+        return Ut({ width: e, height: t, color: a, className: r, onClick: h });
       case "notifications":
-        return Ut({
+        return zt({
           width: e,
           height: t,
           color: a,
@@ -6727,9 +6795,9 @@ const vt = ({
           onClick: h
         });
       case "success":
-        return zt({ width: e, height: t, color: a, className: r, onClick: h });
+        return Jt({ width: e, height: t, color: a, className: r, onClick: h });
       case "attentionSmall":
-        return Jt({
+        return Qt({
           width: e,
           height: t,
           color: a,
@@ -6737,11 +6805,11 @@ const vt = ({
           onClick: h
         });
       case "errorSmall":
-        return Qt({ width: e, height: t, color: a, className: r, onClick: h });
-      case "infoMedium":
         return qt({ width: e, height: t, color: a, className: r, onClick: h });
+      case "infoMedium":
+        return Xt({ width: e, height: t, color: a, className: r, onClick: h });
       case "attentionMedium":
-        return Xt({
+        return e5({
           width: e,
           height: t,
           color: a,
@@ -6749,9 +6817,9 @@ const vt = ({
           onClick: h
         });
       case "errorMedium":
-        return e5({ width: e, height: t, color: a, className: r, onClick: h });
+        return t5({ width: e, height: t, color: a, className: r, onClick: h });
       case "faviconSkills":
-        return r5({
+        return l5({
           width: e,
           height: t,
           color: a,
@@ -6759,7 +6827,7 @@ const vt = ({
           onClick: h
         });
       case "visibilityIcon":
-        return t5({
+        return i5({
           width: e,
           height: t,
           color: a,
@@ -6767,7 +6835,7 @@ const vt = ({
           onClick: h
         });
       case "visibilityOffIcon":
-        return i5({
+        return s5({
           width: e,
           height: t,
           color: a,
@@ -6775,7 +6843,7 @@ const vt = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return s5({
+        return o5({
           width: e,
           height: t,
           color: a,
@@ -6783,7 +6851,7 @@ const vt = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return o5({
+        return n5({
           width: e,
           height: t,
           color: a,
@@ -6791,7 +6859,7 @@ const vt = ({
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return n5({
+        return r5({
           width: e,
           height: t,
           color: a,
@@ -6799,100 +6867,102 @@ const vt = ({
           onClick: h
         });
       case "camera":
-        return l5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "sortUp":
         return a5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "sortDown":
+      case "sortUp":
         return h5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "logOut2":
+      case "sortDown":
         return c5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "search":
+      case "logOut2":
         return d5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "handRock":
+      case "search":
         return g5({ width: e, height: t, color: a, className: r, onClick: h });
+      case "handRock":
+        return C5({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowUpFilled":
-        return f5({ width: e, height: t, color: a, className: r, onClick: h });
+        return w5({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowDownFilled":
-        return p5({ width: e, height: t, color: a, className: r, onClick: h });
+        return f5({ width: e, height: t, color: a, className: r, onClick: h });
       case "link":
-        return w5({ width: e, height: t, color: a, className: r, onClick: h });
+        return m5({ width: e, height: t, color: a, className: r, onClick: h });
       case "telegram":
-        return k5({ width: e, height: t, color: a, className: r, onClick: h });
+        return L5({ width: e, height: t, color: a, className: r, onClick: h });
       case "mail":
-        return v5({ width: e, height: t, color: a, className: r, onClick: h });
+        return N5({ width: e, height: t, color: a, className: r, onClick: h });
       case "github":
-        return m5({ width: e, height: t, color: a, className: r, onClick: h });
+        return k5({ width: e, height: t, color: a, className: r, onClick: h });
       case "linkedIn":
-        return L5({ width: e, height: t, color: a, className: r, onClick: h });
+        return v5({ width: e, height: t, color: a, className: r, onClick: h });
       case "emptyStateIcon":
-        return N5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "filtersIcon":
         return x5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "dotMenuIcon":
+      case "filtersIcon":
         return R5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "plusCircle":
+      case "dotMenuIcon":
         return M5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "warning":
+      case "plusCircle":
         return b5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "back":
+      case "warning":
         return y5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "bell":
+      case "back":
         return _5({ width: e, height: t, color: a, className: r, onClick: h });
+      case "bell":
+        return E5({ width: e, height: t, color: a, className: r, onClick: h });
       case "contract":
-        return H5({ width: e, height: t, color: a, className: r, onClick: h });
+        return V5({ width: e, height: t, color: a, className: r, onClick: h });
       case "trash2":
-        return E5({ width: e, height: t, color: a, className: r, onClick: h });
+        return H5({ width: e, height: t, color: a, className: r, onClick: h });
       case "manager":
-        return V5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "resourceManager":
         return I5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "settings2":
+      case "resourceManager":
         return S5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "image":
+      case "settings2":
         return O5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "upload":
+      case "image":
         return A5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "edit":
+      case "upload":
         return B5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "location":
+      case "edit":
         return Z5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "plus2":
+      case "location":
         return W5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "search2":
+      case "plus2":
         return j5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "fastArrowLeft":
+      case "search2":
         return T5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "fastArrowRight":
+      case "fastArrowLeft":
         return D5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "crossInCircle":
+      case "fastArrowRight":
         return G5({ width: e, height: t, color: a, className: r, onClick: h });
+      case "crossInCircle":
+        return K5({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowUp2":
-        return P5({ width: e, height: t, color: a, className: r, onClick: h });
+        return F5({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowDown2":
-        return K5({ width: e, height: t, color: a, className: r, onClick: h });
+        return P5({ width: e, height: t, color: a, className: r, onClick: h });
       case "filledArrowLeft":
-        return F5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "filledArrowRight":
         return $5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "burgerMenu":
+      case "filledArrowRight":
         return Y5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "signOut":
+      case "burgerMenu":
         return U5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "refresh":
+      case "signOut":
         return z5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "projects":
+      case "refresh":
         return J5({ width: e, height: t, color: a, className: r, onClick: h });
+      case "projects":
+        return Q5({ width: e, height: t, color: a, className: r, onClick: h });
+      case "exit":
+        return q5({ width: e, height: t, color: a, className: r, onClick: h });
       default:
         return /* @__PURE__ */ n(X, { children: "No Icon provided" });
     }
   })() });
 };
 var o1 = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.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))(o1 || {});
-const q5 = e1({
+const e3 = e1({
   locale: "en",
   theme: "light"
 });
-q5.Provider;
+e3.Provider;
 const q1 = ({
   children: i,
   width: e,
@@ -6909,7 +6979,7 @@ const q1 = ({
     {
       className: `snmt-tag ${t} ${l ? "disabled" : ""}`,
       closeIcon: /* @__PURE__ */ n(
-        Q5,
+        X5,
         {
           name: "errorSmall",
           color: l ? o1.GREY_DARK_1 : o1.GREY_DARK_2,
@@ -6922,7 +6992,7 @@ const q1 = ({
       style: { width: e ?? "fit-content" },
       closable: o,
       children: typeof i == "string" ? /* @__PURE__ */ n(
-        Lt,
+        vt,
         {
           variant: t === "small" ? "body4" : "body2",
           color: l ? o1.GREY_DARK_2 : o1.GREY_DARK_5,
@@ -6931,7 +7001,7 @@ const q1 = ({
       ) : i
     }
   );
-}, X5 = ({
+}, t3 = ({
   children: i,
   content: e,
   isOpen: t,
@@ -6956,7 +7026,7 @@ const q1 = ({
     }
   );
 };
-var e3 = { exports: {} };
+var i3 = { exports: {} };
 (function(i, e) {
   (function(t, s) {
     i.exports = s();
@@ -6966,8 +7036,8 @@ var e3 = { exports: {} };
       return "[" + t + (s[(o - 20) % 10] || s[o] || s[0]) + "]";
     } };
   });
-})(e3);
-const t3 = ({
+})(i3);
+const s3 = ({
   values: i,
   onTagClose: e,
   maxWidth: t,
@@ -6981,24 +7051,24 @@ const t3 = ({
     i.length || a(!1);
   }, [i]), !i.length)
     return null;
-  const h = (C) => {
+  const h = (u) => {
     var p, m;
-    return ((p = l == null ? void 0 : l.find((w) => w.value === C)) == null ? void 0 : p.label) || ((m = c == null ? void 0 : c.find((w) => w.value === C)) == null ? void 0 : m.label) || C;
+    return ((p = l == null ? void 0 : l.find((w) => w.value === u)) == null ? void 0 : p.label) || ((m = c == null ? void 0 : c.find((w) => w.value === u)) == null ? void 0 : m.label) || u;
   };
-  return /* @__PURE__ */ u(
-    X5,
+  return /* @__PURE__ */ C(
+    t3,
     {
       content: (
         // 90: paddings + margins + gaps and so on
-        /* @__PURE__ */ n("div", { style: { maxWidth: t - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ n(g1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: C }) => /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { style: { maxWidth: t - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ n(g1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: u }) => /* @__PURE__ */ n(
           q1,
           {
-            onClose: () => e(C),
+            onClose: () => e(u),
             closable: s,
             disabled: o,
-            children: h(C)
+            children: h(u)
           },
-          C
+          u
         )) }) })
       ),
       placement: "bottomRight",
@@ -7019,7 +7089,7 @@ const t3 = ({
     backgroundSize: "20% calc(200% + 20px)"
   };
   return /* @__PURE__ */ n("span", { className: "snmt-loader", style: s });
-}, i3 = b1(
+}, o3 = b1(
   ({
     value: i,
     onChange: e,
@@ -7033,7 +7103,7 @@ const t3 = ({
     clearable: g = !1,
     scrollThresholdValue: a = 50,
     onSearchChange: h,
-    onDropdownVisibleChange: C,
+    onDropdownVisibleChange: u,
     onScrollToEnd: p,
     onPopupScroll: m,
     id: x,
@@ -7048,7 +7118,7 @@ const t3 = ({
       i1(i);
     }, [i]);
     const K = (L) => {
-      M(L), C && C(L);
+      M(L), u && u(L);
     }, J = (L, H) => {
       var Z;
       return !!((Z = H == null ? void 0 : H.label) != null && Z.toString().toLowerCase().includes(L.toLowerCase()));
@@ -7105,7 +7175,7 @@ const t3 = ({
       (L) => {
         var H;
         return /* @__PURE__ */ n(
-          t3,
+          s3,
           {
             values: L,
             onTagClose: F,
@@ -7122,7 +7192,7 @@ const t3 = ({
       ({ label: L, value: H, mode: Z }) => Z === "filter" ? _1(H) : /* @__PURE__ */ n("div", { onMouseDown: oe, className: "tag-wrapper", children: /* @__PURE__ */ n(q1, { onClose: () => F(H), disabled: r, children: typeof L == "object" ? L : m1(H) }) }),
       [r, m1, F, _1]
     );
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ C(
       "div",
       {
         className: `snmt-select ${G ? "snmt-select-focused" : ""} 
@@ -7158,7 +7228,7 @@ const t3 = ({
               maxTagPlaceholder: re,
               onPopupScroll: ne,
               prefix: _ && /* @__PURE__ */ n(S1, { size: 15 }),
-              suffixIcon: /* @__PURE__ */ n("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ u(X, { children: [
+              suffixIcon: /* @__PURE__ */ n("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ C(X, { children: [
                 B && !!B.length && (s || g) && /* @__PURE__ */ n("div", { onClick: P, children: /* @__PURE__ */ n(
                   c1,
                   {
@@ -7178,15 +7248,15 @@ const t3 = ({
               ] }) }),
               removeIcon: /* @__PURE__ */ n(c1, { name: "errorSmall", color: $.GREY_DARK_2 }),
               options: l,
-              optionRender: (L) => y ? y(L.data) : /* @__PURE__ */ u(g1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
-                /* @__PURE__ */ u(g1, { alignItems: "center", gap: 12, children: [
+              optionRender: (L) => y ? y(L.data) : /* @__PURE__ */ C(g1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                /* @__PURE__ */ C(g1, { alignItems: "center", gap: 12, children: [
                   s && /* @__PURE__ */ n(
                     Te,
                     {
                       checked: !!(B != null && B.includes(L.value))
                     }
                   ),
-                  /* @__PURE__ */ u(g1, { alignItems: "center", gap: 8, children: [
+                  /* @__PURE__ */ C(g1, { alignItems: "center", gap: 8, children: [
                     L.data.image && /* @__PURE__ */ n(je, { src: L.data.image, size: 20 }),
                     /* @__PURE__ */ n("span", { children: L.label })
                   ] })
@@ -7201,17 +7271,10 @@ const t3 = ({
                   }
                 )
               ] }),
-              dropdownRender: _ ? () => /* @__PURE__ */ n(
-                "div",
-                {
-                  style: {
-                    padding: "16px",
-                    display: "grid",
-                    justifyContent: "center"
-                  },
-                  children: /* @__PURE__ */ n(S1, { size: 28 })
-                }
-              ) : (L) => E ? E(L) : L
+              dropdownRender: (L) => /* @__PURE__ */ C("div", { className: "dropdown-container", children: [
+                /* @__PURE__ */ n("div", { className: "dropdown-menu", children: E ? E(L) : L }),
+                _ && /* @__PURE__ */ n("div", { className: "loading-overlay", children: /* @__PURE__ */ n(S1, { size: 28 }) })
+              ] })
             }
           ),
           /* @__PURE__ */ n(
@@ -7234,11 +7297,11 @@ const t3 = ({
     i = s, e = o;
   });
   return t.resolve = i, t.reject = e, t;
-}, O1 = (i) => i == null ? "" : "" + i, s3 = (i, e, t) => {
+}, O1 = (i) => i == null ? "" : "" + i, n3 = (i, e, t) => {
   i.forEach((s) => {
     e[s] && (t[s] = e[s]);
   });
-}, o3 = /###/g, A1 = (i) => i && i.indexOf("###") > -1 ? i.replace(o3, ".") : i, B1 = (i) => !i || k(i), n1 = (i, e, t) => {
+}, r3 = /###/g, A1 = (i) => i && i.indexOf("###") > -1 ? i.replace(r3, ".") : i, B1 = (i) => !i || k(i), n1 = (i, e, t) => {
   const s = k(e) ? e.split(".") : e;
   let o = 0;
   for (; o < s.length - 1; ) {
@@ -7263,28 +7326,28 @@ const t3 = ({
   for (; r.obj === void 0 && c.length; )
     l = `${c[c.length - 1]}.${l}`, c = c.slice(0, c.length - 1), r = n1(i, c, Object), r && r.obj && typeof r.obj[`${r.k}.${l}`] < "u" && (r.obj = void 0);
   r.obj[`${r.k}.${l}`] = t;
-}, n3 = (i, e, t, s) => {
+}, l3 = (i, e, t, s) => {
   const {
     obj: o,
     k: l
   } = n1(i, e, Object);
   o[l] = o[l] || [], o[l].push(t);
-}, u1 = (i, e) => {
+}, C1 = (i, e) => {
   const {
     obj: t,
     k: s
   } = n1(i, e);
   if (t)
     return t[s];
-}, r3 = (i, e, t) => {
-  const s = u1(i, t);
-  return s !== void 0 ? s : u1(e, t);
+}, a3 = (i, e, t) => {
+  const s = C1(i, t);
+  return s !== void 0 ? s : C1(e, t);
 }, X1 = (i, e, t) => {
   for (const s in e)
     s !== "__proto__" && s !== "constructor" && (s in i ? k(i[s]) || i[s] instanceof String || k(e[s]) || e[s] instanceof String ? t && (i[s] = e[s]) : X1(i[s], e[s], t) : i[s] = e[s]);
   return i;
 }, Q = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
-var l3 = {
+var h3 = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
@@ -7292,8 +7355,8 @@ var l3 = {
   "'": "&#39;",
   "/": "&#x2F;"
 };
-const a3 = (i) => k(i) ? i.replace(/[&<>"'\/]/g, (e) => l3[e]) : i;
-class h3 {
+const c3 = (i) => k(i) ? i.replace(/[&<>"'\/]/g, (e) => h3[e]) : i;
+class d3 {
   constructor(e) {
     this.capacity = e, this.regExpMap = /* @__PURE__ */ new Map(), this.regExpQueue = [];
   }
@@ -7305,11 +7368,11 @@ class h3 {
     return this.regExpQueue.length === this.capacity && this.regExpMap.delete(this.regExpQueue.shift()), this.regExpMap.set(e, s), this.regExpQueue.push(e), s;
   }
 }
-const c3 = [" ", ",", "?", "!", ";"], d3 = new h3(20), g3 = (i, e, t) => {
+const g3 = [" ", ",", "?", "!", ";"], C3 = new d3(20), u3 = (i, e, t) => {
   e = e || "", t = t || "";
-  const s = c3.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
+  const s = g3.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
   if (s.length === 0) return !0;
-  const o = d3.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
+  const o = C3.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
   let l = !o.test(i);
   if (!l) {
     const c = i.indexOf(t);
@@ -7336,7 +7399,7 @@ const c3 = [" ", ",", "?", "!", ";"], d3 = new h3(20), g3 = (i, e, t) => {
     o = c;
   }
   return o;
-}, C1 = (i) => i && i.replace("_", "-"), u3 = {
+}, u1 = (i) => i && i.replace("_", "-"), p3 = {
   type: "logger",
   log(i) {
     this.output("log", i);
@@ -7358,7 +7421,7 @@ class p1 {
   }
   init(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.prefix = t.prefix || "i18next:", this.logger = e || u3, this.options = t, this.debug = t.debug;
+    this.prefix = t.prefix || "i18next:", this.logger = e || p3, this.options = t, this.debug = t.debug;
   }
   log() {
     for (var e = arguments.length, t = new Array(e), s = 0; s < e; s++)
@@ -7448,7 +7511,7 @@ class W1 extends w1 {
     const l = o.keySeparator !== void 0 ? o.keySeparator : this.options.keySeparator, c = o.ignoreJSONStructure !== void 0 ? o.ignoreJSONStructure : this.options.ignoreJSONStructure;
     let r;
     e.indexOf(".") > -1 ? r = e.split(".") : (r = [e, t], s && (Array.isArray(s) ? r.push(...s) : k(s) && l ? r.push(...s.split(l)) : r.push(s)));
-    const d = u1(this.data, r);
+    const d = C1(this.data, r);
     return !d && !t && !s && e.indexOf(".") > -1 && (e = r[0], t = r[1], s = r.slice(2).join(".")), d || !c || !k(s) ? d : x1(this.data && this.data[e] && this.data[e][t], s, l);
   }
   addResource(e, t, s, o) {
@@ -7475,7 +7538,7 @@ class W1 extends w1 {
       skipCopy: !1
     }, r = [e, t];
     e.indexOf(".") > -1 && (r = e.split("."), o = s, s = t, t = r[1]), this.addNamespaces(t);
-    let d = u1(this.data, r) || {};
+    let d = C1(this.data, r) || {};
     c.skipCopy || (s = JSON.parse(JSON.stringify(s))), o ? X1(d, s, l) : d = {
       ...d,
       ...s
@@ -7518,7 +7581,7 @@ const j1 = {};
 class f1 extends w1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    super(), s3(["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(), n3(["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);
@@ -7537,7 +7600,7 @@ class f1 extends w1 {
     s === void 0 && (s = ":");
     const o = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator;
     let l = t.ns || this.options.defaultNS || [];
-    const c = s && e.indexOf(s) > -1, r = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !g3(e, s, o);
+    const c = s && e.indexOf(s) > -1, r = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !u3(e, s, o);
     if (c && !r) {
       const d = e.match(this.interpolator.nestingRegexp);
       if (d && d.length > 0)
@@ -7584,41 +7647,41 @@ class f1 extends w1 {
       } : c;
     }
     const h = this.resolve(e, t);
-    let C = h && h.res;
-    const p = h && h.usedKey || c, m = h && h.exactUsedKey || c, x = Object.prototype.toString.apply(C), w = ["[object Number]", "[object Function]", "[object RegExp]"], E = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, y = !this.i18nFormat || this.i18nFormat.handleAsObject, _ = !k(C) && typeof C != "boolean" && typeof C != "number";
-    if (y && C && _ && w.indexOf(x) < 0 && !(k(E) && Array.isArray(C))) {
+    let u = h && h.res;
+    const p = h && h.usedKey || c, m = h && h.exactUsedKey || c, x = Object.prototype.toString.apply(u), w = ["[object Number]", "[object Function]", "[object RegExp]"], E = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, y = !this.i18nFormat || this.i18nFormat.handleAsObject, _ = !k(u) && typeof u != "boolean" && typeof u != "number";
+    if (y && u && _ && w.indexOf(x) < 0 && !(k(E) && 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, C, {
+        const f = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, u, {
           ...t,
           ns: r
         }) : `key '${c} (${this.language})' returned an object instead of string.`;
         return o ? (h.res = f, h.usedParams = this.getUsedParamsDetails(t), h) : f;
       }
       if (l) {
-        const f = Array.isArray(C), R = f ? [] : {}, b = f ? m : p;
-        for (const M in C)
-          if (Object.prototype.hasOwnProperty.call(C, M)) {
+        const f = Array.isArray(u), R = f ? [] : {}, b = f ? m : p;
+        for (const M in u)
+          if (Object.prototype.hasOwnProperty.call(u, M)) {
             const G = `${b}${l}${M}`;
             R[M] = this.translate(G, {
               ...t,
               joinArrays: !1,
               ns: r
-            }), R[M] === G && (R[M] = C[M]);
+            }), R[M] === G && (R[M] = u[M]);
           }
-        C = R;
+        u = R;
       }
-    } else if (y && k(E) && Array.isArray(C))
-      C = C.join(E), C && (C = this.extendTranslation(C, e, t, s));
+    } else if (y && k(E) && Array.isArray(u))
+      u = u.join(E), u && (u = this.extendTranslation(u, e, t, s));
     else {
       let f = !1, R = !1;
       const b = t.count !== void 0 && !k(t.count), M = f1.hasDefaultValue(t), G = b ? this.pluralResolver.getSuffix(g, t.count, t) : "", a1 = t.ordinal && b ? this.pluralResolver.getSuffix(g, t.count, {
         ordinal: !1
       }) : "", t1 = b && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), T = t1 && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${G}`] || t[`defaultValue${a1}`] || t.defaultValue;
-      !this.isValidLookup(C) && M && (f = !0, C = T), this.isValidLookup(C) || (R = !0, C = c);
-      const i1 = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && R ? void 0 : C, D = M && T !== C && this.options.updateMissing;
+      !this.isValidLookup(u) && M && (f = !0, u = T), this.isValidLookup(u) || (R = !0, u = c);
+      const i1 = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && R ? void 0 : u, D = M && T !== u && this.options.updateMissing;
       if (R || f || D) {
-        if (this.logger.log(D ? "updateKey" : "missingKey", g, d, c, D ? T : C), l) {
+        if (this.logger.log(D ? "updateKey" : "missingKey", g, d, c, D ? T : u), l) {
           const I = this.resolve(c, {
             ...t,
             keySeparator: !1
@@ -7632,8 +7695,8 @@ class f1 extends w1 {
             K.push(J[I]);
         else this.options.saveMissingTo === "all" ? K = this.languageUtils.toResolveHierarchy(t.lng || this.language) : K.push(t.lng || this.language);
         const h1 = (I, O, P) => {
-          const F = M && P !== C ? P : i1;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(I, d, O, F, D, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(I, d, O, F, D, t), this.emit("missingKey", I, d, O, C);
+          const F = M && P !== u ? P : i1;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(I, d, O, F, D, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(I, d, O, F, D, t), this.emit("missingKey", I, d, O, u);
         };
         this.options.saveMissing && (this.options.saveMissingPlurals && b ? K.forEach((I) => {
           const O = this.pluralResolver.getSuffixes(I, t);
@@ -7642,9 +7705,9 @@ class f1 extends w1 {
           });
         }) : h1(K, c, T));
       }
-      C = this.extendTranslation(C, e, t, h, s), R && C === c && this.options.appendNamespaceToMissingKey && (C = `${d}:${c}`), (R || f) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? C = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, f ? C : void 0) : C = this.options.parseMissingKeyHandler(C));
+      u = this.extendTranslation(u, e, t, h, s), R && u === c && this.options.appendNamespaceToMissingKey && (u = `${d}:${c}`), (R || 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 o ? (h.res = C, h.usedParams = this.getUsedParamsDetails(t), h) : C;
+    return o ? (h.res = u, h.usedParams = this.getUsedParamsDetails(t), h) : u;
   }
   extendTranslation(e, t, s, o, l) {
     var c = this;
@@ -7666,19 +7729,19 @@ class f1 extends w1 {
       const g = k(e) && (s && s.interpolation && s.interpolation.skipOnVariables !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
       let a;
       if (g) {
-        const C = e.match(this.interpolator.nestingRegexp);
-        a = C && C.length;
+        const u = e.match(this.interpolator.nestingRegexp);
+        a = u && u.length;
       }
       let h = s.replace && !k(s.replace) ? s.replace : s;
       if (this.options.interpolation.defaultVariables && (h = {
         ...this.options.interpolation.defaultVariables,
         ...h
       }), e = this.interpolator.interpolate(e, h, s.lng || this.language || o.usedLng, s), g) {
-        const C = e.match(this.interpolator.nestingRegexp), p = C && C.length;
+        const u = e.match(this.interpolator.nestingRegexp), p = u && u.length;
         a < p && (s.nest = !1);
       }
       !s.lng && this.options.compatibilityAPI !== "v1" && o && o.res && (s.lng = this.language || o.usedLng), s.nest !== !1 && (e = this.interpolator.nest(e, function() {
-        for (var C = arguments.length, p = new Array(C), m = 0; m < C; m++)
+        for (var u = arguments.length, p = new Array(u), m = 0; m < u; m++)
           p[m] = arguments[m];
         return l && l[0] === p[0] && !s.context ? (c.logger.warn(`It seems you are nesting recursively key: ${p[0]} in key: ${t[0]}`), null) : c.translate(...p, t);
       }, s)), s.interpolation && this.interpolator.reset();
@@ -7700,7 +7763,7 @@ class f1 extends w1 {
       o = a;
       let h = g.namespaces;
       this.options.fallbackNS && (h = h.concat(this.options.fallbackNS));
-      const C = t.count !== void 0 && !k(t.count), p = C && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), m = t.context !== void 0 && (k(t.context) || typeof t.context == "number") && t.context !== "", x = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      const u = t.count !== void 0 && !k(t.count), p = u && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), m = t.context !== void 0 && (k(t.context) || typeof t.context == "number") && t.context !== "", x = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
       h.forEach((w) => {
         this.isValidLookup(s) || (r = w, !j1[`${x[0]}-${w}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(r) && (j1[`${x[0]}-${w}`] = !0, this.logger.warn(`key "${o}" for languages "${x.join(", ")}" won't get resolved as namespace "${r}" 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((E) => {
           if (this.isValidLookup(s)) return;
@@ -7710,11 +7773,11 @@ class f1 extends w1 {
             this.i18nFormat.addLookupKeys(y, a, E, w, t);
           else {
             let f;
-            C && (f = this.pluralResolver.getSuffix(E, t.count, t));
+            u && (f = this.pluralResolver.getSuffix(E, t.count, t));
             const R = `${this.options.pluralSeparator}zero`, b = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (C && (y.push(a + f), t.ordinal && f.indexOf(b) === 0 && y.push(a + f.replace(b, this.options.pluralSeparator)), p && y.push(a + R)), m) {
+            if (u && (y.push(a + f), t.ordinal && f.indexOf(b) === 0 && y.push(a + f.replace(b, this.options.pluralSeparator)), p && y.push(a + R)), m) {
               const M = `${a}${this.options.contextSeparator}${t.context}`;
-              y.push(M), C && (y.push(M + f), t.ordinal && f.indexOf(b) === 0 && y.push(M + f.replace(b, this.options.pluralSeparator)), p && y.push(M + R));
+              y.push(M), u && (y.push(M + f), t.ordinal && f.indexOf(b) === 0 && y.push(M + f.replace(b, this.options.pluralSeparator)), p && y.push(M + R));
             }
           }
           let _;
@@ -7767,12 +7830,12 @@ class T1 {
     this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = j.create("languageUtils");
   }
   getScriptPartFromCode(e) {
-    if (e = C1(e), !e || e.indexOf("-") < 0) return null;
+    if (e = u1(e), !e || e.indexOf("-") < 0) return null;
     const t = e.split("-");
     return t.length === 2 || (t.pop(), t[t.length - 1].toLowerCase() === "x") ? null : this.formatLanguageCode(t.join("-"));
   }
   getLanguagePartFromCode(e) {
-    if (e = C1(e), !e || e.indexOf("-") < 0) return e;
+    if (e = u1(e), !e || e.indexOf("-") < 0) return e;
     const t = e.split("-");
     return this.formatLanguageCode(t[0]);
   }
@@ -7827,7 +7890,7 @@ class T1 {
     }), o;
   }
 }
-let C3 = [{
+let f3 = [{
   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
@@ -7919,7 +7982,7 @@ let C3 = [{
   lngs: ["he", "iw"],
   nr: [1, 2, 20, 21],
   fc: 22
-}], p3 = {
+}], w3 = {
   1: (i) => +(i > 1),
   2: (i) => +(i != 1),
   3: (i) => 0,
@@ -7943,28 +8006,28 @@ let C3 = [{
   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 f3 = ["v1", "v2", "v3"], w3 = ["v4"], D1 = {
+const m3 = ["v1", "v2", "v3"], k3 = ["v4"], D1 = {
   zero: 0,
   one: 1,
   two: 2,
   few: 3,
   many: 4,
   other: 5
-}, m3 = () => {
+}, L3 = () => {
   const i = {};
-  return C3.forEach((e) => {
+  return f3.forEach((e) => {
     e.lngs.forEach((t) => {
       i[t] = {
         numbers: e.nr,
-        plurals: p3[e.fc]
+        plurals: w3[e.fc]
       };
     });
   }), i;
 };
-class k3 {
+class v3 {
   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 || w3.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 = m3(), this.pluralRulesCache = {};
+    this.languageUtils = e, this.options = t, this.logger = j.create("pluralResolver"), (!this.options.compatibilityJSON || k3.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 = L3(), this.pluralRulesCache = {};
   }
   addRule(e, t) {
     this.rules[e] = t;
@@ -7975,7 +8038,7 @@ class k3 {
   getRule(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (this.shouldUseIntlApi()) {
-      const s = C1(e === "dev" ? "en" : e), o = t.ordinal ? "ordinal" : "cardinal", l = JSON.stringify({
+      const s = u1(e === "dev" ? "en" : e), o = t.ordinal ? "ordinal" : "cardinal", l = JSON.stringify({
         cleanedCode: s,
         type: o
       });
@@ -8022,14 +8085,14 @@ class k3 {
     return this.options.compatibilityJSON === "v1" ? o === 1 ? "" : typeof o == "number" ? `_plural_${o.toString()}` : l() : this.options.compatibilityJSON === "v2" || this.options.simplifyPluralSuffix && e.numbers.length === 2 && e.numbers[0] === 1 ? l() : this.options.prepend && s.toString() ? this.options.prepend + s.toString() : s.toString();
   }
   shouldUseIntlApi() {
-    return !f3.includes(this.options.compatibilityJSON);
+    return !m3.includes(this.options.compatibilityJSON);
   }
 }
 const G1 = function(i, e, t) {
-  let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, l = r3(i, e, t);
+  let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, l = a3(i, e, t);
   return !l && o && k(t) && (l = x1(i, t, s), l === void 0 && (l = x1(e, t, s))), l;
 }, v1 = (i) => i.replace(/\$/g, "$$$$");
-class L3 {
+class N3 {
   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);
@@ -8050,7 +8113,7 @@ class L3 {
       formatSeparator: g,
       unescapeSuffix: a,
       unescapePrefix: h,
-      nestingPrefix: C,
+      nestingPrefix: u,
       nestingPrefixEscaped: p,
       nestingSuffix: m,
       nestingSuffixEscaped: x,
@@ -8058,7 +8121,7 @@ class L3 {
       maxReplaces: E,
       alwaysFormat: y
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : a3, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = o !== void 0 ? o : !1, this.prefix = l ? Q(l) : c || "{{", this.suffix = r ? Q(r) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = a ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : a || "", this.nestingPrefix = C ? Q(C) : p || Q("$t("), this.nestingSuffix = m ? Q(m) : x || Q(")"), this.nestingOptionsSeparator = w || ",", this.maxReplaces = E || 1e3, this.alwaysFormat = y !== void 0 ? y : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : c3, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = o !== void 0 ? o : !1, this.prefix = l ? Q(l) : c || "{{", this.suffix = r ? Q(r) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = a ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : a || "", this.nestingPrefix = u ? Q(u) : p || Q("$t("), this.nestingSuffix = m ? Q(m) : x || Q(")"), this.nestingOptionsSeparator = w || ",", this.maxReplaces = E || 1e3, this.alwaysFormat = y !== void 0 ? y : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -8120,17 +8183,17 @@ class L3 {
       const a = this.nestingOptionsSeparator;
       if (d.indexOf(a) < 0) return d;
       const h = d.split(new RegExp(`${a}[ ]*{`));
-      let C = `{${h[1]}`;
-      d = h[0], C = this.interpolate(C, c);
-      const p = C.match(/'/g), m = C.match(/"/g);
-      (p && p.length % 2 === 0 && !m || m.length % 2 !== 0) && (C = C.replace(/'/g, '"'));
+      let u = `{${h[1]}`;
+      d = h[0], u = this.interpolate(u, c);
+      const p = u.match(/'/g), m = u.match(/"/g);
+      (p && p.length % 2 === 0 && !m || m.length % 2 !== 0) && (u = u.replace(/'/g, '"'));
       try {
-        c = JSON.parse(C), g && (c = {
+        c = JSON.parse(u), g && (c = {
           ...g,
           ...c
         });
       } catch (x) {
-        return this.logger.warn(`failed parsing options string in nesting for key ${d}`, x), `${d}${a}${C}`;
+        return this.logger.warn(`failed parsing options string in nesting for key ${d}`, x), `${d}${a}${u}`;
       }
       return c.defaultValue && c.defaultValue.indexOf(this.prefix) > -1 && delete c.defaultValue, d;
     };
@@ -8153,7 +8216,7 @@ class L3 {
     return e;
   }
 }
-const v3 = (i) => {
+const x3 = (i) => {
   let e = i.toLowerCase().trim();
   const t = {};
   if (i.indexOf("(") > -1) {
@@ -8181,10 +8244,10 @@ const v3 = (i) => {
     });
     const c = s + JSON.stringify(l);
     let r = e[c];
-    return r || (r = i(C1(s), o), e[c] = r), r(t);
+    return r || (r = i(u1(s), o), e[c] = r), r(t);
   };
 };
-class N3 {
+class R3 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     this.logger = j.create("formatter"), this.options = e, this.formats = {
@@ -8244,18 +8307,18 @@ class N3 {
       const {
         formatName: g,
         formatOptions: a
-      } = v3(d);
+      } = x3(d);
       if (this.formats[g]) {
         let h = r;
         try {
-          const C = o && o.formatParams && o.formatParams[o.interpolationkey] || {}, p = C.locale || C.lng || o.locale || o.lng || s;
+          const u = o && o.formatParams && o.formatParams[o.interpolationkey] || {}, p = u.locale || u.lng || o.locale || o.lng || s;
           h = this.formats[g](r, p, {
             ...a,
             ...o,
-            ...C
+            ...u
           });
-        } catch (C) {
-          this.logger.warn(C);
+        } catch (u) {
+          this.logger.warn(u);
         }
         return h;
       } else
@@ -8264,10 +8327,10 @@ class N3 {
     }, e);
   }
 }
-const x3 = (i, e) => {
+const M3 = (i, e) => {
   i.pending[e] !== void 0 && (delete i.pending[e], i.pendingCount--);
 };
-class R3 extends w1 {
+class b3 extends w1 {
   constructor(e, t, s) {
     let o = 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 = o, this.logger = j.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = o.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = o.maxRetries >= 0 ? o.maxRetries : 5, this.retryTimeout = o.retryTimeout >= 1 ? o.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, o.backend, o);
@@ -8277,8 +8340,8 @@ class R3 extends w1 {
     return e.forEach((g) => {
       let a = !0;
       t.forEach((h) => {
-        const C = `${g}|${h}`;
-        !s.reload && this.store.hasResourceBundle(g, h) ? this.state[C] = 2 : this.state[C] < 0 || (this.state[C] === 1 ? c[C] === void 0 && (c[C] = !0) : (this.state[C] = 1, a = !1, c[C] === void 0 && (c[C] = !0), l[C] === void 0 && (l[C] = !0), d[h] === void 0 && (d[h] = !0)));
+        const u = `${g}|${h}`;
+        !s.reload && this.store.hasResourceBundle(g, h) ? this.state[u] = 2 : this.state[u] < 0 || (this.state[u] === 1 ? c[u] === void 0 && (c[u] = !0) : (this.state[u] = 1, a = !1, c[u] === void 0 && (c[u] = !0), l[u] === void 0 && (l[u] = !0), d[h] === void 0 && (d[h] = !0)));
       }), a || (r[g] = !0);
     }), (Object.keys(l).length || Object.keys(c).length) && this.queue.push({
       pending: c,
@@ -8300,7 +8363,7 @@ class R3 extends w1 {
     }), this.state[e] = t ? -1 : 2, t && s && (this.state[e] = 0);
     const r = {};
     this.queue.forEach((d) => {
-      n3(d.loaded, [l], c), x3(d, e), t && d.errors.push(t), d.pendingCount === 0 && !d.done && (Object.keys(d.loaded).forEach((g) => {
+      l3(d.loaded, [l], c), M3(d, e), t && d.errors.push(t), d.pendingCount === 0 && !d.done && (Object.keys(d.loaded).forEach((g) => {
         r[g] || (r[g] = {});
         const a = d.loaded[g];
         a.length && a.forEach((h) => {
@@ -8459,7 +8522,7 @@ const K1 = () => ({
     skipOnVariables: !0
   }
 }), P1 = (i) => (k(i.ns) && (i.ns = [i.ns]), k(i.fallbackLng) && (i.fallbackLng = [i.fallbackLng]), k(i.fallbackNS) && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), d1 = () => {
-}, M3 = (i) => {
+}, y3 = (i) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(i)).forEach((t) => {
     typeof i[t] == "function" && (i[t] = i[t].bind(i));
   });
@@ -8469,7 +8532,7 @@ class r1 extends w1 {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
     if (super(), this.options = P1(e), this.services = {}, this.logger = j, this.modules = {
       external: []
-    }, M3(this), t && !this.isInitialized && !e.isClone) {
+    }, y3(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initImmediate)
         return this.init(e, t), this;
       setTimeout(() => {
@@ -8494,21 +8557,21 @@ class r1 extends w1 {
     if (!this.options.isClone) {
       this.modules.logger ? j.init(l(this.modules.logger), this.options) : j.init(null, this.options);
       let a;
-      this.modules.formatter ? a = this.modules.formatter : typeof Intl < "u" && (a = N3);
+      this.modules.formatter ? a = this.modules.formatter : typeof Intl < "u" && (a = R3);
       const h = new T1(this.options);
       this.store = new W1(this.options.resources, this.options);
-      const C = this.services;
-      C.logger = j, C.resourceStore = this.store, C.languageUtils = h, C.pluralResolver = new k3(h, {
+      const u = this.services;
+      u.logger = j, u.resourceStore = this.store, u.languageUtils = h, u.pluralResolver = new v3(h, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
-      }), a && (!this.options.interpolation.format || this.options.interpolation.format === o.interpolation.format) && (C.formatter = l(a), C.formatter.init(C, this.options), this.options.interpolation.format = C.formatter.format.bind(C.formatter)), C.interpolator = new L3(this.options), C.utils = {
+      }), a && (!this.options.interpolation.format || this.options.interpolation.format === o.interpolation.format) && (u.formatter = l(a), u.formatter.init(u, this.options), this.options.interpolation.format = u.formatter.format.bind(u.formatter)), u.interpolator = new N3(this.options), u.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      }, C.backendConnector = new R3(l(this.modules.backend), C.resourceStore, C, this.options), C.backendConnector.on("*", function(p) {
+      }, u.backendConnector = new b3(l(this.modules.backend), u.resourceStore, u, this.options), u.backendConnector.on("*", function(p) {
         for (var m = arguments.length, x = new Array(m > 1 ? m - 1 : 0), w = 1; w < m; w++)
           x[w - 1] = arguments[w];
         e.emit(p, ...x);
-      }), this.modules.languageDetector && (C.languageDetector = l(this.modules.languageDetector), C.languageDetector.init && C.languageDetector.init(C, this.options.detection, this.options)), this.modules.i18nFormat && (C.i18nFormat = l(this.modules.i18nFormat), C.i18nFormat.init && C.i18nFormat.init(this)), this.translator = new f1(this.services, this.options), this.translator.on("*", function(p) {
+      }), this.modules.languageDetector && (u.languageDetector = l(this.modules.languageDetector), u.languageDetector.init && u.languageDetector.init(u, this.options.detection, this.options)), this.modules.i18nFormat && (u.i18nFormat = l(this.modules.i18nFormat), u.i18nFormat.init && u.i18nFormat.init(this)), this.translator = new f1(this.services, this.options), this.translator.on("*", function(p) {
         for (var m = arguments.length, x = new Array(m > 1 ? m - 1 : 0), w = 1; w < m; w++)
           x[w - 1] = arguments[w];
         e.emit(p, ...x);
@@ -8530,8 +8593,8 @@ class r1 extends w1 {
       };
     });
     const d = s1(), g = () => {
-      const a = (h, C) => {
-        this.isInitializing = !1, this.isInitialized && !this.initializedStoreOnce && this.logger.warn("init: i18next is already initialized. You should call init just once!"), this.isInitialized = !0, this.options.isClone || this.logger.log("initialized", this.options), this.emit("initialized", this.options), d.resolve(C), s(h, C);
+      const a = (h, u) => {
+        this.isInitializing = !1, this.isInitialized && !this.initializedStoreOnce && this.logger.warn("init: i18next is already initialized. You should call init just once!"), this.isInitialized = !0, this.options.isClone || this.logger.log("initialized", this.options), this.emit("initialized", this.options), d.resolve(u), s(h, u);
       };
       if (this.languages && this.options.compatibilityAPI !== "v1" && !this.isInitialized) return a(null, this.t.bind(this));
       this.changeLanguage(this.options.lng, a);
@@ -8611,9 +8674,9 @@ class r1 extends w1 {
           ...r
         };
       d.lng = d.lng || l.lng, d.lngs = d.lngs || l.lngs, d.ns = d.ns || l.ns, d.keyPrefix !== "" && (d.keyPrefix = d.keyPrefix || s || l.keyPrefix);
-      const C = o.options.keySeparator || ".";
+      const u = o.options.keySeparator || ".";
       let p;
-      return d.keyPrefix && Array.isArray(c) ? p = c.map((m) => `${d.keyPrefix}${C}${m}`) : p = d.keyPrefix ? `${d.keyPrefix}${C}${c}` : c, o.t(p, d);
+      return d.keyPrefix && Array.isArray(c) ? p = c.map((m) => `${d.keyPrefix}${u}${m}`) : p = d.keyPrefix ? `${d.keyPrefix}${u}${c}` : c, o.t(p, d);
     };
     return k(e) ? l.lng = e : l.lngs = e, l.ns = t, l.keyPrefix = s, l;
   }
@@ -8718,7 +8781,7 @@ V.setDefaultNamespace;
 V.hasLoadedNamespace;
 V.loadNamespaces;
 V.loadLanguages;
-function b3() {
+function _3() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
       e[t] = arguments[t];
@@ -8729,7 +8792,7 @@ const F1 = {};
 function R1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  U(e[0]) && F1[e[0]] || (U(e[0]) && (F1[e[0]] = /* @__PURE__ */ new Date()), b3(...e));
+  U(e[0]) && F1[e[0]] || (U(e[0]) && (F1[e[0]] = /* @__PURE__ */ new Date()), _3(...e));
 }
 const te = (i, e) => () => {
   if (i.isInitialized)
@@ -8748,7 +8811,7 @@ const te = (i, e) => () => {
   U(t) && (t = [t]), t.forEach((o) => {
     i.options.ns.indexOf(o) < 0 && i.options.ns.push(o);
   }), i.loadLanguages(e, te(i, s));
-}, y3 = function(i, e) {
+}, E3 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const s = e.languages[0], o = e.options ? e.options.fallbackLng : !1, l = e.languages[e.languages.length - 1];
   if (s.toLowerCase() === "cimode") return !0;
@@ -8757,15 +8820,15 @@ const te = (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) && (!o || c(l, i)));
-}, _3 = function(i, e) {
+}, H3 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   return !e.languages || !e.languages.length ? (R1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
     lng: t.lng,
     precheck: (o, l) => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && o.services.backendConnector.backend && o.isLanguageChangingTo && !l(o.isLanguageChangingTo, i)) return !1;
     }
-  }) : y3(i, e, t);
-}, U = (i) => typeof i == "string", E3 = (i) => typeof i == "object" && i !== null, H3 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, V3 = {
+  }) : E3(i, e, t);
+}, U = (i) => typeof i == "string", V3 = (i) => typeof i == "object" && i !== null, I3 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, S3 = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -8786,7 +8849,7 @@ const te = (i, e) => () => {
   "&#8230;": "…",
   "&#x2F;": "/",
   "&#47;": "/"
-}, I3 = (i) => V3[i], S3 = (i) => i.replace(H3, I3);
+}, O3 = (i) => S3[i], A3 = (i) => i.replace(I3, O3);
 let M1 = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
@@ -8795,25 +8858,25 @@ let M1 = {
   transWrapTextNodes: "",
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
-  unescape: S3
+  unescape: A3
 };
-const O3 = function() {
+const B3 = function() {
   let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   M1 = {
     ...M1,
     ...i
   };
-}, A3 = () => M1;
+}, Z3 = () => M1;
 let ie;
-const B3 = (i) => {
+const W3 = (i) => {
   ie = i;
-}, Z3 = () => ie, W3 = {
+}, j3 = () => ie, T3 = {
   type: "3rdParty",
   init(i) {
-    O3(i.options.react), B3(i);
+    B3(i.options.react), W3(i);
   }
-}, j3 = e1();
-class T3 {
+}, D3 = e1();
+class G3 {
   constructor() {
     E1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
     this.usedNamespaces = {};
@@ -8824,27 +8887,27 @@ class T3 {
     });
   }
 }
-const D3 = (i, e) => {
+const K3 = (i, e) => {
   const t = l1();
   return A(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, se = (i, e, t, s) => i.getFixedT(e, t, s), G3 = (i, e, t, s) => W(se(i, e, t, s), [i, e, t, s]), K3 = function(i) {
+}, se = (i, e, t, s) => i.getFixedT(e, t, s), P3 = (i, e, t, s) => W(se(i, e, t, s), [i, e, t, s]), F3 = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
   } = e, {
     i18n: s,
     defaultNS: o
-  } = z(j3) || {}, l = t || s || Z3();
-  if (l && !l.reportNamespaces && (l.reportNamespaces = new T3()), !l) {
+  } = z(D3) || {}, l = t || s || j3();
+  if (l && !l.reportNamespaces && (l.reportNamespaces = new G3()), !l) {
     R1("You will need to pass in an i18next instance by using initReactI18next");
-    const f = (b, M) => U(M) ? M : E3(M) && U(M.defaultValue) ? M.defaultValue : Array.isArray(b) ? b[b.length - 1] : b, R = [f, {}, !1];
+    const f = (b, M) => U(M) ? M : V3(M) && U(M.defaultValue) ? M.defaultValue : Array.isArray(b) ? b[b.length - 1] : b, R = [f, {}, !1];
     return R.t = f, R.i18n = {}, R.ready = !1, R;
   }
   l.options.react && l.options.react.wait !== void 0 && R1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
-    ...A3(),
+    ...Z3(),
     ...l.options.react,
     ...e
   }, {
@@ -8853,10 +8916,10 @@ const D3 = (i, e) => {
   } = c;
   let g = i;
   g = U(g) ? [g] : g || ["translation"], l.reportNamespaces.addUsedNamespaces && l.reportNamespaces.addUsedNamespaces(g);
-  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((f) => _3(f, l, c)), h = G3(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), C = () => h, p = () => se(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [m, x] = S(C);
+  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((f) => H3(f, l, c)), h = P3(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => se(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [m, x] = S(u);
   let w = g.join();
   e.lng && (w = `${e.lng}${w}`);
-  const E = D3(w), y = l1(!0);
+  const E = K3(w), y = l1(!0);
   A(() => {
     const {
       bindI18n: f,
@@ -8874,39 +8937,39 @@ const D3 = (i, e) => {
       y.current = !1, f && l && f.split(" ").forEach((M) => l.off(M, b)), R && l && R.split(" ").forEach((M) => l.store.off(M, b));
     };
   }, [l, w]), A(() => {
-    y.current && a && x(C);
+    y.current && a && x(u);
   }, [l, d, a]);
   const _ = [m, l, a];
   if (_.t = m, _.i18n = l, _.ready = a, a || !a && !r) return _;
   throw new Promise((f) => {
     e.lng ? Y1(l, e.lng, g, () => f()) : $1(l, g, () => f());
   });
-}, P3 = "Country", F3 = {
-  placeholder: P3
-}, $3 = "Страна", Y3 = {
+}, $3 = "Country", Y3 = {
   placeholder: $3
+}, U3 = "Страна", z3 = {
+  placeholder: U3
 };
-V.use(W3).init({
+V.use(T3).init({
   defaultNS: "common",
   lng: "en",
   resources: {
     en: {
-      common: F3
+      common: Y3
     },
     ru: {
-      common: Y3
+      common: z3
     }
   }
 });
-const ti = b1(
+const si = b1(
   ({ width: i, selectedCity: e, setSelectedCity: t, onChange: s, value: o, id: l, disabled: c }, r) => {
-    const [d, g] = S([]), [a, h] = S([]), [C, p] = S(!1), { locale: m, axiosPeople: x } = z(ce);
+    const [d, g] = S([]), [a, h] = S([]), [u, p] = S(!1), { locale: m, axiosPeople: x } = z(ce);
     if (!x)
       throw new Error(
         `CountrySelect requires "axiosPeople" to fetch counties. 
                 Please provide it via SNMTUiContext.`
       );
-    const { t: w } = K3("common", { lng: m }), E = W(async () => {
+    const { t: w } = F3("common", { lng: m }), E = W(async () => {
       p(!0);
       try {
         const _ = await x.post("v1/countries/search");
@@ -8943,7 +9006,7 @@ const ti = b1(
       _ === null ? (s(""), t && t("")) : (s(_), t && t(""));
     };
     return /* @__PURE__ */ n("div", { className: "snmt-country-select", children: /* @__PURE__ */ n(
-      i3,
+      o3,
       {
         id: l,
         width: i,
@@ -8953,11 +9016,11 @@ const ti = b1(
         onChange: y,
         options: [{ label: "None", value: null }, ...d],
         disabled: c,
-        isLoading: C
+        isLoading: u
       }
     ) });
   }
 );
 export {
-  ti as CountrySelect
+  si as CountrySelect
 };