npm - @snmt-react-ui/city-select - Versions diffs - 2.5.7 → 2.5.9 - Mend

@snmt-react-ui/city-select 2.5.7 → 2.5.9

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

Files changed (3) hide show

package/dist/city-select.js CHANGED Viewed

@@ -1,26 +1,26 @@
-var pe = Object.defineProperty;
-var fe = (i, e, t) => e in i ? pe(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var B1 = (i, e, t) => fe(i, typeof e != "symbol" ? e + "" : e, t);
+var we = Object.defineProperty;
+var me = (i, e, t) => e in i ? we(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var Z1 = (i, e, t) => me(i, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
-import { jsx as r, Fragment as a1, jsxs as C } from "react/jsx-runtime";
-import { SNMTUiContext as we } from "@snmt-react-ui/core";
-import { createContext as h1, forwardRef as R1, useState as S, useRef as Y, useEffect as B, useCallback as j, useMemo as me, useImperativeHandle as se, useContext as s1 } from "react";
-import { Select as ke, Flex as Le, Avatar as ve, Checkbox as Ne, Typography as xe, Tag as Me, Popover as Re } from "antd";
-var ye = Object.defineProperty, be = (i, e, t) => e in i ? ye(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, _e = (i, e, t) => be(i, e + "", t), Ee = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Ve() {
+import { jsx as r, Fragment as i1, jsxs as C } from "react/jsx-runtime";
+import { SNMTUiContext as ke } from "@snmt-react-ui/core";
+import { createContext as d1, forwardRef as k1, useState as S, useRef as Y, useEffect as Z, useCallback as j, useMemo as Le, useImperativeHandle as ne, useContext as r1 } from "react";
+import { Select as ve, Flex as Ne, Avatar as xe, Checkbox as Me, Typography as re, Tag as Re, Popover as ye } from "antd";
+var be = Object.defineProperty, _e = (i, e, t) => e in i ? be(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, Ee = (i, e, t) => _e(i, e + "", t), Ve = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function He() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
       e[t] = arguments[t];
-    t1(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
+    s1(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
   }
 }
-const Z1 = {};
-function V1() {
+const W1 = {};
+function I1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  t1(e[0]) && Z1[e[0]] || (t1(e[0]) && (Z1[e[0]] = /* @__PURE__ */ new Date()), Ve(...e));
+  s1(e[0]) && W1[e[0]] || (s1(e[0]) && (W1[e[0]] = /* @__PURE__ */ new Date()), He(...e));
 }
-const ne = (i, e) => () => {
+const oe = (i, e) => () => {
   if (i.isInitialized)
     e();
   else {
@@ -31,13 +31,13 @@ const ne = (i, e) => () => {
     };
     i.on("initialized", t);
   }
-}, W1 = (i, e, t) => {
-  i.loadNamespaces(e, ne(i, t));
-}, j1 = (i, e, t, s) => {
-  t1(t) && (t = [t]), t.forEach((n) => {
+}, j1 = (i, e, t) => {
+  i.loadNamespaces(e, oe(i, t));
+}, D1 = (i, e, t, s) => {
+  s1(t) && (t = [t]), t.forEach((n) => {
     i.options.ns.indexOf(n) < 0 && i.options.ns.push(n);
-  }), i.loadLanguages(e, ne(i, s));
-}, He = function(i, e) {
+  }), i.loadLanguages(e, oe(i, s));
+}, Ie = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const s = e.languages[0], n = e.options ? e.options.fallbackLng : !1, l = e.languages[e.languages.length - 1];
   if (s.toLowerCase() === "cimode") return !0;
@@ -46,15 +46,15 @@ const ne = (i, e) => () => {
     return g === -1 || g === 2;
   };
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !c(e.isLanguageChangingTo, i) ? !1 : !!(e.hasResourceBundle(s, i) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || c(s, i) && (!n || c(l, i)));
-}, Ie = function(i, e) {
+}, Oe = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  return !e.languages || !e.languages.length ? (V1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
+  return !e.languages || !e.languages.length ? (I1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
     lng: t.lng,
     precheck: (s, n) => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && s.services.backendConnector.backend && s.isLanguageChangingTo && !n(s.isLanguageChangingTo, i)) return !1;
     }
-  }) : He(i, e, t);
-}, t1 = (i) => typeof i == "string", Se = (i) => typeof i == "object" && i !== null, Oe = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Ae = {
+  }) : Ie(i, e, t);
+}, s1 = (i) => typeof i == "string", Se = (i) => typeof i == "object" && i !== null, Ae = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Be = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -75,8 +75,8 @@ const ne = (i, e) => () => {
   "&#8230;": "…",
   "&#x2F;": "/",
   "&#47;": "/"
-}, Be = (i) => Ae[i], Ze = (i) => i.replace(Oe, Be);
-let We = {
+}, Ze = (i) => Be[i], We = (i) => i.replace(Ae, Ze);
+let je = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
   transEmptyNodeValue: "",
@@ -84,14 +84,14 @@ let We = {
   transWrapTextNodes: "",
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
-  unescape: Ze
+  unescape: We
 };
-const je = () => We;
-let De;
-const Te = () => De, Ge = h1();
-class Ke {
+const De = () => je;
+let Te;
+const Ge = () => Te, Ke = d1();
+class Pe {
   constructor() {
-    _e(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
+    Ee(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
   }
   addUsedNamespaces(e) {
     e.forEach((t) => {
@@ -99,27 +99,27 @@ class Ke {
     });
   }
 }
-const Pe = (i, e) => {
+const $e = (i, e) => {
   const t = Y();
-  return B(() => {
+  return Z(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, re = (i, e, t, s) => i.getFixedT(e, t, s), Ye = (i, e, t, s) => j(re(i, e, t, s), [i, e, t, s]), Fe = function(i) {
+}, le = (i, e, t, s) => i.getFixedT(e, t, s), Ye = (i, e, t, s) => j(le(i, e, t, s), [i, e, t, s]), Fe = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
   } = e, {
     i18n: s,
     defaultNS: n
-  } = s1(Ge) || {}, l = t || s || Te();
-  if (l && !l.reportNamespaces && (l.reportNamespaces = new Ke()), !l) {
-    V1("You will need to pass in an i18next instance by using initReactI18next");
-    const f = (v, w) => t1(w) ? w : Se(w) && t1(w.defaultValue) ? w.defaultValue : Array.isArray(v) ? v[v.length - 1] : v, L = [f, {}, !1];
-    return L.t = f, L.i18n = {}, L.ready = !1, L;
+  } = r1(Ke) || {}, l = t || s || Ge();
+  if (l && !l.reportNamespaces && (l.reportNamespaces = new Pe()), !l) {
+    I1("You will need to pass in an i18next instance by using initReactI18next");
+    const p = (v, w) => s1(w) ? w : Se(w) && s1(w.defaultValue) ? w.defaultValue : Array.isArray(v) ? v[v.length - 1] : v, L = [p, {}, !1];
+    return L.t = p, L.i18n = {}, L.ready = !1, L;
   }
-  l.options.react && l.options.react.wait !== void 0 && V1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
+  l.options.react && l.options.react.wait !== void 0 && I1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
-    ...je(),
+    ...De(),
     ...l.options.react,
     ...e
   }, {
@@ -127,36 +127,36 @@ const Pe = (i, e) => {
     keyPrefix: d
   } = c;
   let g = i;
-  g = t1(g) ? [g] : g || ["translation"], l.reportNamespaces.addUsedNamespaces && l.reportNamespaces.addUsedNamespaces(g);
-  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((f) => Ie(f, l, c)), h = Ye(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => re(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [k, x] = S(u);
+  g = s1(g) ? [g] : g || ["translation"], l.reportNamespaces.addUsedNamespaces && l.reportNamespaces.addUsedNamespaces(g);
+  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((p) => Oe(p, l, c)), h = Ye(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, f = () => le(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [k, x] = S(u);
   let N = g.join();
   e.lng && (N = `${e.lng}${N}`);
-  const V = Pe(N), b = Y(!0);
-  B(() => {
+  const E = $e(N), b = Y(!0);
+  Z(() => {
     const {
-      bindI18n: f,
+      bindI18n: p,
       bindI18nStore: L
     } = c;
-    b.current = !0, !a && !o && (e.lng ? j1(l, e.lng, g, () => {
-      b.current && x(p);
-    }) : W1(l, g, () => {
-      b.current && x(p);
-    })), a && V && V !== N && b.current && x(p);
+    b.current = !0, !a && !o && (e.lng ? D1(l, e.lng, g, () => {
+      b.current && x(f);
+    }) : j1(l, g, () => {
+      b.current && x(f);
+    })), a && E && E !== N && b.current && x(f);
     const v = () => {
-      b.current && x(p);
+      b.current && x(f);
     };
-    return f && l && l.on(f, v), L && l && l.store.on(L, v), () => {
-      b.current = !1, f && l && f.split(" ").forEach((w) => l.off(w, v)), L && l && L.split(" ").forEach((w) => l.store.off(w, v));
+    return p && l && l.on(p, v), L && l && l.store.on(L, v), () => {
+      b.current = !1, p && l && p.split(" ").forEach((w) => l.off(w, v)), L && l && L.split(" ").forEach((w) => l.store.off(w, v));
     };
-  }, [l, N]), B(() => {
+  }, [l, N]), Z(() => {
     b.current && a && x(u);
   }, [l, d, a]);
-  const _ = [k, l, a];
-  if (_.t = k, _.i18n = l, _.ready = a, a || !a && !o) return _;
-  throw new Promise((f) => {
-    e.lng ? j1(l, e.lng, g, () => f()) : W1(l, g, () => f());
+  const V = [k, l, a];
+  if (V.t = k, V.i18n = l, V.ready = a, a || !a && !o) return V;
+  throw new Promise((p) => {
+    e.lng ? D1(l, e.lng, g, () => p()) : j1(l, g, () => p());
   });
-}, L1 = ({
+}, p1 = ({
   children: i,
   direction: e = "row",
   flexWrap: t = "nowrap",
@@ -166,7 +166,7 @@ const Pe = (i, e) => {
   gap: c,
   padding: o
 }) => /* @__PURE__ */ r(
-  Le,
+  Ne,
   {
     className: `snmt-flex${t === "inherit" ? " inherit" : ""}`,
     vertical: e === "column",
@@ -178,10 +178,10 @@ const Pe = (i, e) => {
     style: { padding: o },
     children: i
   }
-), $e = ({ shape: i = "circle", size: e = 32, children: t, ...s }) => {
+), Ue = ({ shape: i = "circle", size: e = 32, children: t, ...s }) => {
   const n = typeof s.src == "string";
   return /* @__PURE__ */ r(
-    ve,
+    xe,
     {
       className: `snmt-avatar ${n ? "image" : ""}`,
       shape: i,
@@ -192,13 +192,13 @@ const Pe = (i, e) => {
     }
   );
 };
-var e1 = /* @__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))(e1 || {});
-const O1 = h1({
+var Q = /* @__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))(Q || {});
+const B1 = d1({
   locale: "en",
   theme: "light"
 });
-O1.Provider;
-const Ue = ({
+B1.Provider;
+const ze = ({
   checked: i = !0,
   indeterminate: e = !1,
   children: t,
@@ -207,12 +207,12 @@ const Ue = ({
   disableUncheck: l = !1
 }) => {
   const [c, o] = S(i), [d, g] = S(e);
-  B(() => {
+  Z(() => {
     o(i), g(e);
   }, [i, e]);
-  const { theme: a } = s1(O1);
+  const { theme: a } = r1(B1);
   return /* @__PURE__ */ r(
-    Ne,
+    Me,
     {
       className: `snmt-checkbox snmt-checkbox-${a}`,
       checked: c,
@@ -226,12 +226,12 @@ const Ue = ({
   );
 };
 var M = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.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))(M || {});
-const oe = h1({
+const ae = d1({
   locale: "en",
   theme: "light"
 });
-oe.Provider;
-const ze = ({
+ae.Provider;
+const Je = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -258,7 +258,7 @@ const ze = ({
       }
     )
   }
-), Je = ({
+), qe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -285,7 +285,7 @@ const ze = ({
       }
     )
   }
-), qe = ({
+), Qe = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -313,7 +313,7 @@ const ze = ({
       )
     ]
   }
-), Qe = ({
+), Xe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -348,7 +348,7 @@ const ze = ({
       )
     ]
   }
-), Xe = ({
+), e2 = ({
   width: i = 18,
   height: e = 18,
   color: t = "#001E52",
@@ -387,7 +387,7 @@ const ze = ({
       )
     ]
   }
-), e2 = ({
+), t2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -413,7 +413,7 @@ const ze = ({
       }
     )
   }
-), t2 = ({
+), i2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -434,7 +434,7 @@ const ze = ({
       /* @__PURE__ */ r("path", { d: "M16 4L4 16", stroke: t, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), i2 = ({
+), s2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -466,7 +466,7 @@ const ze = ({
       )
     ]
   }
-), s2 = ({
+), n2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -520,7 +520,7 @@ const ze = ({
       )
     ]
   }
-), n2 = ({
+), r2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -559,7 +559,7 @@ const ze = ({
       /* @__PURE__ */ r("path", { d: "M3 12L17 12", stroke: t, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), r2 = ({
+), o2 = ({
   width: i = 16,
   height: e = 12,
   color: t = "#001E52",
@@ -608,7 +608,7 @@ const ze = ({
       )
     ] })
   }
-), o2 = ({
+), l2 = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -642,7 +642,7 @@ const ze = ({
       )
     ]
   }
-), l2 = ({
+), a2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -681,7 +681,7 @@ const ze = ({
       )
     ] })
   }
-), a2 = ({
+), h2 = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -717,7 +717,7 @@ const ze = ({
       )
     ]
   }
-), h2 = ({
+), c2 = ({
   width: i = 11,
   height: e = 32,
   color: t = "#001E52",
@@ -755,7 +755,7 @@ const ze = ({
       /* @__PURE__ */ r("circle", { cx: "3", cy: "3", r: "3", fill: t })
     ]
   }
-), c2 = ({
+), d2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -802,7 +802,7 @@ const ze = ({
       )
     ]
   }
-), d2 = ({
+), g2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -835,7 +835,7 @@ const ze = ({
       )
     ]
   }
-), g2 = ({
+), C2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -882,7 +882,7 @@ const ze = ({
       )
     ]
   }
-), C2 = ({
+), u2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -915,7 +915,7 @@ const ze = ({
       )
     ]
   }
-), u2 = ({
+), p2 = ({
   width: i = 18,
   height: e = 16,
   color: t = "#001E52",
@@ -954,7 +954,7 @@ const ze = ({
       )
     ]
   }
-), p2 = ({
+), f2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -987,7 +987,7 @@ const ze = ({
       )
     ]
   }
-), f2 = ({
+), w2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -1011,7 +1011,7 @@ const ze = ({
       }
     )
   }
-), w2 = ({
+), m2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -1058,7 +1058,7 @@ const ze = ({
       )
     ]
   }
-), m2 = ({
+), k2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -1091,7 +1091,7 @@ const ze = ({
       )
     ]
   }
-), k2 = ({
+), L2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -1124,7 +1124,7 @@ const ze = ({
       )
     ]
   }
-), L2 = ({
+), v2 = ({
   width: i = 20,
   height: e = 23,
   color: t = "#001E52",
@@ -1185,7 +1185,7 @@ const ze = ({
       )
     ]
   }
-), v2 = ({
+), N2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -1225,7 +1225,7 @@ const ze = ({
       )
     ]
   }
-), N2 = ({
+), x2 = ({
   width: i = 32,
   height: e = 25,
   color: t = "#001E52",
@@ -1253,7 +1253,7 @@ const ze = ({
       )
     ]
   }
-), x2 = ({
+), M2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#10B981",
@@ -1282,7 +1282,7 @@ const ze = ({
       )
     ]
   }
-), M2 = ({
+), R2 = ({
   width: i = 11,
   height: e = 11,
   color: t = "#FFB020",
@@ -1316,7 +1316,7 @@ const ze = ({
       )
     ]
   }
-), R2 = ({
+), y2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#88A4FF",
@@ -1364,7 +1364,7 @@ const ze = ({
       )
     ]
   }
-), y2 = ({
+), b2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#8E8E93",
@@ -1392,7 +1392,7 @@ const ze = ({
       )
     ]
   }
-), b2 = ({
+), _2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#FFB020",
@@ -1426,7 +1426,7 @@ const ze = ({
       )
     ]
   }
-), _2 = ({
+), E2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#D0421B",
@@ -1474,7 +1474,7 @@ const ze = ({
       )
     ]
   }
-), E2 = ({
+), V2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -1504,7 +1504,7 @@ const ze = ({
       /* @__PURE__ */ r("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), V2 = ({
+), H2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -1542,7 +1542,7 @@ const ze = ({
       )
     ]
   }
-), H2 = ({
+), I2 = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -1568,7 +1568,7 @@ const ze = ({
       }
     )
   }
-), I2 = ({
+), O2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -1626,7 +1626,7 @@ const ze = ({
       )
     ]
   }
-), O2 = ({
+), A2 = ({
   width: i = 248,
   height: e = 248,
   color: t = "#070739",
@@ -1663,7 +1663,7 @@ const ze = ({
       )
     ]
   }
-), A2 = ({
+), B2 = ({
   width: i = 24,
   height: e = 24,
   color: t = "#001E52",
@@ -1702,7 +1702,7 @@ const ze = ({
       )
     ]
   }
-), B2 = ({
+), Z2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -1731,7 +1731,7 @@ const ze = ({
       )
     ]
   }
-), Z2 = ({
+), W2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -1768,7 +1768,7 @@ const ze = ({
       )
     ]
   }
-), W2 = ({
+), j2 = ({
   width: i = 24,
   height: e = 24,
   color: t = M.GREY_DARK_5,
@@ -1807,7 +1807,7 @@ const ze = ({
       )
     ]
   }
-), j2 = ({
+), D2 = ({
   width: i = 20,
   height: e = 20,
   color: t = M.GREY_DARK_1,
@@ -1840,7 +1840,7 @@ const ze = ({
       )
     ]
   }
-), D2 = ({
+), T2 = ({
   width: i = 81,
   height: e = 80,
   color: t = M.GREY_DARK_5,
@@ -1889,7 +1889,7 @@ const ze = ({
       )
     ]
   }
-), T2 = ({
+), G2 = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 20,
@@ -1916,7 +1916,7 @@ const ze = ({
       }
     )
   }
-), G2 = ({
+), K2 = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 20,
@@ -1943,7 +1943,7 @@ const ze = ({
       }
     )
   }
-), K2 = ({
+), P2 = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 5,
@@ -1967,7 +1967,7 @@ const ze = ({
       }
     )
   }
-), P2 = ({
+), $2 = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 5,
@@ -2070,7 +2070,7 @@ const ze = ({
       )
     ]
   }
-), $2 = ({
+), U2 = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2097,7 +2097,7 @@ const ze = ({
       }
     )
   }
-), U2 = ({
+), z2 = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2156,7 +2156,7 @@ const ze = ({
       )
     ]
   }
-), z2 = ({
+), J2 = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2193,7 +2193,7 @@ const ze = ({
       )
     ]
   }
-), J2 = ({
+), q2 = ({
   className: i,
   color: e = M.GREY_DARK_3,
   height: t = 14,
@@ -2230,7 +2230,7 @@ const ze = ({
       )
     ]
   }
-), q2 = ({
+), Q2 = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 18,
@@ -2257,7 +2257,7 @@ const ze = ({
       }
     )
   }
-), Q2 = ({
+), X2 = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2309,7 +2309,7 @@ const ze = ({
       )
     ]
   }
-), X2 = ({
+), et = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2346,7 +2346,7 @@ const ze = ({
       )
     ]
   }
-), et = ({
+), tt = ({
   className: i,
   color: e = M.NOTIFICATION_WARNING_DARK,
   height: t = 37,
@@ -2385,7 +2385,7 @@ const ze = ({
       )
     ]
   }
-), tt = ({
+), it = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2411,7 +2411,7 @@ const ze = ({
       }
     )
   }
-), it = ({
+), st = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2450,7 +2450,7 @@ const ze = ({
       )
     ]
   }
-), st = ({
+), nt = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2489,7 +2489,7 @@ const ze = ({
       )
     ]
   }
-), nt = ({
+), rt = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2558,7 +2558,7 @@ const ze = ({
       )
     ]
   }
-), rt = ({
+), ot = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2597,7 +2597,7 @@ const ze = ({
       )
     ]
   }
-), ot = ({
+), lt = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2654,7 +2654,7 @@ const ze = ({
       )
     ]
   }
-), lt = ({
+), at = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2693,7 +2693,7 @@ const ze = ({
       )
     ]
   }
-), at = ({
+), ht = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2742,7 +2742,7 @@ const ze = ({
       )
     ]
   }
-), ht = ({
+), ct = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2781,7 +2781,7 @@ const ze = ({
       )
     ]
   }
-), ct = ({
+), dt = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2808,7 +2808,7 @@ const ze = ({
       }
     )
   }
-), dt = ({
+), gt = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2846,7 +2846,7 @@ const ze = ({
       )
     ]
   }
-), gt = ({
+), Ct = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2867,7 +2867,7 @@ const ze = ({
       /* @__PURE__ */ r("path", { d: "M12 8L4 8", stroke: e, strokeWidth: "1.7", strokeLinecap: "round" })
     ]
   }
-), Ct = ({
+), ut = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2906,7 +2906,7 @@ const ze = ({
       )
     ]
   }
-), ut = ({
+), pt = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2945,7 +2945,7 @@ const ze = ({
       )
     ]
   }
-), pt = ({
+), ft = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 24,
@@ -2984,7 +2984,7 @@ const ze = ({
       )
     ]
   }
-), ft = ({
+), wt = ({
   className: i,
   color: e = M.GREY_DARK_2,
   height: t = 16,
@@ -3010,7 +3010,7 @@ const ze = ({
       }
     )
   }
-), wt = ({
+), mt = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 20,
@@ -3039,7 +3039,7 @@ const ze = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_3992_5989", children: /* @__PURE__ */ r("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), mt = ({
+), kt = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 20,
@@ -3068,7 +3068,7 @@ const ze = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_3992_5988", children: /* @__PURE__ */ r("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), kt = ({
+), Lt = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 20,
@@ -3097,7 +3097,7 @@ const ze = ({
       )
     ]
   }
-), Lt = ({
+), vt = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 20,
@@ -3126,7 +3126,7 @@ const ze = ({
       )
     ]
   }
-), vt = ({
+), Nt = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -3152,7 +3152,7 @@ const ze = ({
       }
     )
   }
-), Nt = ({
+), xt = ({
   className: i,
   color: e = "#131314",
   height: t = 20,
@@ -3180,7 +3180,7 @@ const ze = ({
       }
     )
   }
-), xt = ({
+), Mt = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -3218,7 +3218,7 @@ const ze = ({
       )
     ] }) })
   }
-), Mt = ({
+), Rt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3274,7 +3274,7 @@ const ze = ({
       }
     )
   }
-), Rt = ({
+), yt = ({
   width: i = 24,
   height: e = 24,
   color: t = "#131314",
@@ -3307,7 +3307,7 @@ const ze = ({
       )
     ]
   }
-), yt = ({
+), bt = ({
   width: i = 24,
   height: e = 24,
   color: t = M.GREY_DARK_2,
@@ -3346,7 +3346,7 @@ const ze = ({
       )
     ]
   }
-), bt = ({
+), _t = ({
   width: i = 24,
   height: e = 24,
   color: t = M.GREY_DARK_2,
@@ -3373,7 +3373,7 @@ const ze = ({
       }
     )
   }
-), _t = ({
+), Et = ({
   width: i = 24,
   height: e = 24,
   color: t = M.GREY_DARK_2,
@@ -3413,7 +3413,7 @@ const ze = ({
       )
     ]
   }
-), Et = ({
+), Vt = ({
   width: i = 24,
   height: e = 24,
   color: t = M.GREY_DARK_2,
@@ -3440,7 +3440,7 @@ const ze = ({
       }
     )
   }
-), Vt = ({
+), Ht = ({
   width: i = 24,
   height: e = 24,
   color: t = M.GREY_DARK_2,
@@ -3467,7 +3467,7 @@ const ze = ({
       }
     )
   }
-), m1 = ({
+), C1 = ({
   name: i,
   width: e,
   height: t,
@@ -3476,49 +3476,49 @@ const ze = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [o, d] = S(n), { theme: g } = s1(oe), a = l ? g && g === "dark" ? M.GREY_LIGHT_4 : M.GREY_DARK_1 : s, h = l ? void 0 : c;
-  return B(() => {
+  const [o, d] = S(n), { theme: g } = r1(ae), a = l ? g && g === "dark" ? M.GREY_LIGHT_4 : M.GREY_DARK_1 : s, h = l ? void 0 : c;
+  return Z(() => {
     if (n) {
       h && !l && d(`${n} clickable`);
       return;
     }
     h && !l && d("clickable");
-  }, [h, n, l]), /* @__PURE__ */ r(a1, { children: (() => {
+  }, [h, n, l]), /* @__PURE__ */ r(i1, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return T2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "prevIcon":
         return G2({ width: e, height: t, color: a, className: o, onClick: h });
+      case "prevIcon":
+        return K2({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowUp":
-        return ze({ width: e, height: t, color: a, className: o, onClick: h });
-      case "arrowDown":
         return Je({ width: e, height: t, color: a, className: o, onClick: h });
-      case "info":
+      case "arrowDown":
         return qe({ width: e, height: t, color: a, className: o, onClick: h });
-      case "arrowRight":
+      case "info":
         return Qe({ width: e, height: t, color: a, className: o, onClick: h });
-      case "calendar":
+      case "arrowRight":
         return Xe({ width: e, height: t, color: a, className: o, onClick: h });
-      case "ok":
+      case "calendar":
         return e2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "cancel":
+      case "ok":
         return t2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "add":
+      case "cancel":
         return i2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "list":
+      case "add":
         return s2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "dragAndDrop":
+      case "list":
         return n2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "filter":
+      case "dragAndDrop":
         return r2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "attention":
+      case "filter":
         return o2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "plus":
+      case "attention":
         return l2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "time":
+      case "plus":
         return a2({ width: e, height: t, color: a, className: o, onClick: h });
+      case "time":
+        return h2({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDownLong":
-        return h2({
+        return c2({
           width: e,
           height: t,
           color: a,
@@ -3526,9 +3526,9 @@ const ze = ({
           onClick: h
         });
       case "users":
-        return c2({ width: e, height: t, color: a, className: o, onClick: h });
+        return d2({ width: e, height: t, color: a, className: o, onClick: h });
       case "mySkillsMatrix":
-        return d2({
+        return g2({
           width: e,
           height: t,
           color: a,
@@ -3536,9 +3536,9 @@ const ze = ({
           onClick: h
         });
       case "skills":
-        return g2({ width: e, height: t, color: a, className: o, onClick: h });
+        return C2({ width: e, height: t, color: a, className: o, onClick: h });
       case "skillsMatrices":
-        return C2({
+        return u2({
           width: e,
           height: t,
           color: a,
@@ -3546,23 +3546,23 @@ const ze = ({
           onClick: h
         });
       case "history":
-        return u2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "logOut":
         return p2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "settings":
+      case "logOut":
         return f2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "addSkill":
+      case "settings":
         return w2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "conversation":
+      case "addSkill":
         return m2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "trash":
+      case "conversation":
         return k2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "settings4":
+      case "trash":
         return L2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "edit2":
+      case "settings4":
         return v2({ width: e, height: t, color: a, className: o, onClick: h });
+      case "edit2":
+        return N2({ width: e, height: t, color: a, className: o, onClick: h });
       case "notifications":
-        return N2({
+        return x2({
           width: e,
           height: t,
           color: a,
@@ -3570,9 +3570,9 @@ const ze = ({
           onClick: h
         });
       case "success":
-        return x2({ width: e, height: t, color: a, className: o, onClick: h });
+        return M2({ width: e, height: t, color: a, className: o, onClick: h });
       case "attentionSmall":
-        return M2({
+        return R2({
           width: e,
           height: t,
           color: a,
@@ -3580,11 +3580,11 @@ const ze = ({
           onClick: h
         });
       case "errorSmall":
-        return R2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "infoMedium":
         return y2({ width: e, height: t, color: a, className: o, onClick: h });
+      case "infoMedium":
+        return b2({ width: e, height: t, color: a, className: o, onClick: h });
       case "attentionMedium":
-        return b2({
+        return _2({
           width: e,
           height: t,
           color: a,
@@ -3592,9 +3592,9 @@ const ze = ({
           onClick: h
         });
       case "errorMedium":
-        return _2({ width: e, height: t, color: a, className: o, onClick: h });
+        return E2({ width: e, height: t, color: a, className: o, onClick: h });
       case "faviconSkills":
-        return O2({
+        return A2({
           width: e,
           height: t,
           color: a,
@@ -3602,7 +3602,7 @@ const ze = ({
           onClick: h
         });
       case "visibilityIcon":
-        return E2({
+        return V2({
           width: e,
           height: t,
           color: a,
@@ -3610,7 +3610,7 @@ const ze = ({
           onClick: h
         });
       case "visibilityOffIcon":
-        return V2({
+        return H2({
           width: e,
           height: t,
           color: a,
@@ -3618,7 +3618,7 @@ const ze = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return H2({
+        return I2({
           width: e,
           height: t,
           color: a,
@@ -3626,7 +3626,7 @@ const ze = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return I2({
+        return O2({
           width: e,
           height: t,
           color: a,
@@ -3642,111 +3642,111 @@ const ze = ({
           onClick: h
         });
       case "camera":
-        return A2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "sortUp":
         return B2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "sortDown":
+      case "sortUp":
         return Z2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "logOut2":
+      case "sortDown":
         return W2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "search":
+      case "logOut2":
         return j2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "handRock":
+      case "search":
         return D2({ width: e, height: t, color: a, className: o, onClick: h });
+      case "handRock":
+        return T2({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowUpFilled":
-        return P2({ width: e, height: t, color: a, className: o, onClick: h });
+        return $2({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDownFilled":
-        return K2({ width: e, height: t, color: a, className: o, onClick: h });
+        return P2({ width: e, height: t, color: a, className: o, onClick: h });
       case "link":
         return Y2({ width: e, height: t, color: a, className: o, onClick: h });
       case "telegram":
-        return $2({ width: e, height: t, color: a, className: o, onClick: h });
+        return U2({ width: e, height: t, color: a, className: o, onClick: h });
       case "mail":
-        return z2({ width: e, height: t, color: a, className: o, onClick: h });
+        return J2({ width: e, height: t, color: a, className: o, onClick: h });
       case "github":
         return F2({ width: e, height: t, color: a, className: o, onClick: h });
       case "linkedIn":
-        return U2({ width: e, height: t, color: a, className: o, onClick: h });
+        return z2({ width: e, height: t, color: a, className: o, onClick: h });
       case "emptyStateIcon":
-        return J2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "filtersIcon":
         return q2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "dotMenuIcon":
+      case "filtersIcon":
         return Q2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "plusCircle":
+      case "dotMenuIcon":
         return X2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "warning":
+      case "plusCircle":
         return et({ width: e, height: t, color: a, className: o, onClick: h });
-      case "back":
+      case "warning":
         return tt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "bell":
+      case "back":
         return it({ width: e, height: t, color: a, className: o, onClick: h });
+      case "bell":
+        return st({ width: e, height: t, color: a, className: o, onClick: h });
       case "contract":
-        return nt({ width: e, height: t, color: a, className: o, onClick: h });
+        return rt({ width: e, height: t, color: a, className: o, onClick: h });
       case "trash2":
-        return st({ width: e, height: t, color: a, className: o, onClick: h });
+        return nt({ width: e, height: t, color: a, className: o, onClick: h });
       case "manager":
-        return rt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "resourceManager":
         return ot({ width: e, height: t, color: a, className: o, onClick: h });
-      case "settings2":
+      case "resourceManager":
         return lt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "image":
+      case "settings2":
         return at({ width: e, height: t, color: a, className: o, onClick: h });
-      case "upload":
+      case "image":
         return ht({ width: e, height: t, color: a, className: o, onClick: h });
-      case "edit":
+      case "upload":
         return ct({ width: e, height: t, color: a, className: o, onClick: h });
-      case "location":
+      case "edit":
         return dt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "plus2":
+      case "location":
         return gt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "search2":
+      case "plus2":
         return Ct({ width: e, height: t, color: a, className: o, onClick: h });
-      case "fastArrowLeft":
+      case "search2":
         return ut({ width: e, height: t, color: a, className: o, onClick: h });
-      case "fastArrowRight":
+      case "fastArrowLeft":
         return pt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "crossInCircle":
+      case "fastArrowRight":
         return ft({ width: e, height: t, color: a, className: o, onClick: h });
+      case "crossInCircle":
+        return wt({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowUp2":
-        return mt({ width: e, height: t, color: a, className: o, onClick: h });
+        return kt({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDown2":
-        return wt({ width: e, height: t, color: a, className: o, onClick: h });
+        return mt({ width: e, height: t, color: a, className: o, onClick: h });
       case "filledArrowLeft":
-        return kt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "filledArrowRight":
         return Lt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "burgerMenu":
+      case "filledArrowRight":
         return vt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "signOut":
+      case "burgerMenu":
         return Nt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "refresh":
+      case "signOut":
         return xt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "projects":
+      case "refresh":
         return Mt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "exit":
+      case "projects":
         return Rt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "client":
+      case "exit":
         return yt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "calendar2":
+      case "client":
         return bt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "openPointCircle":
+      case "calendar2":
         return _t({ width: e, height: t, color: a, className: o, onClick: h });
-      case "community":
+      case "openPointCircle":
         return Et({ width: e, height: t, color: a, className: o, onClick: h });
-      case "docs":
+      case "community":
         return Vt({ width: e, height: t, color: a, className: o, onClick: h });
+      case "docs":
+        return Ht({ width: e, height: t, color: a, className: o, onClick: h });
       default:
-        return /* @__PURE__ */ r(a1, { children: "No Icon provided" });
+        return /* @__PURE__ */ r(i1, { children: "No Icon provided" });
     }
   })() });
-}, { Title: Ht, Text: It } = xe, St = {
+}, { Title: It, Text: Ot } = re, St = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, Ot = R1(
+}, At = k1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -3759,7 +3759,7 @@ const ze = ({
     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__ */ r(
-      Ht,
+      It,
       {
         className: g,
         style: { color: t, whiteSpace: c },
@@ -3769,7 +3769,7 @@ const ze = ({
         children: s
       }
     ) : /* @__PURE__ */ r(
-      It,
+      Ot,
       {
         className: g,
         style: { color: t, whiteSpace: c },
@@ -3781,12 +3781,12 @@ const ze = ({
   }
 );
 var R = /* @__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))(R || {});
-const le = h1({
+const he = d1({
   locale: "en",
   theme: "light"
 });
-le.Provider;
-const At = ({
+he.Provider;
+const Bt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3813,7 +3813,7 @@ const At = ({
       }
     )
   }
-), Bt = ({
+), Zt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3840,7 +3840,7 @@ const At = ({
       }
     )
   }
-), Zt = ({
+), Wt = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -3868,7 +3868,7 @@ const At = ({
       )
     ]
   }
-), Wt = ({
+), jt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3903,7 +3903,7 @@ const At = ({
       )
     ]
   }
-), jt = ({
+), Dt = ({
   width: i = 18,
   height: e = 18,
   color: t = "#001E52",
@@ -3942,7 +3942,7 @@ const At = ({
       )
     ]
   }
-), Dt = ({
+), Tt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3968,7 +3968,7 @@ const At = ({
       }
     )
   }
-), Tt = ({
+), Gt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3989,7 +3989,7 @@ const At = ({
       /* @__PURE__ */ r("path", { d: "M16 4L4 16", stroke: t, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), Gt = ({
+), Kt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4021,7 +4021,7 @@ const At = ({
       )
     ]
   }
-), Kt = ({
+), Pt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4075,7 +4075,7 @@ const At = ({
       )
     ]
   }
-), Pt = ({
+), $t = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4197,7 +4197,7 @@ const At = ({
       )
     ]
   }
-), $t = ({
+), Ut = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -4236,7 +4236,7 @@ const At = ({
       )
     ] })
   }
-), Ut = ({
+), zt = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -4272,7 +4272,7 @@ const At = ({
       )
     ]
   }
-), zt = ({
+), Jt = ({
   width: i = 11,
   height: e = 32,
   color: t = "#001E52",
@@ -4310,7 +4310,7 @@ const At = ({
       /* @__PURE__ */ r("circle", { cx: "3", cy: "3", r: "3", fill: t })
     ]
   }
-), Jt = ({
+), qt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4357,7 +4357,7 @@ const At = ({
       )
     ]
   }
-), qt = ({
+), Qt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4390,7 +4390,7 @@ const At = ({
       )
     ]
   }
-), Qt = ({
+), Xt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4437,7 +4437,7 @@ const At = ({
       )
     ]
   }
-), Xt = ({
+), e5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4470,7 +4470,7 @@ const At = ({
       )
     ]
   }
-), e5 = ({
+), t5 = ({
   width: i = 18,
   height: e = 16,
   color: t = "#001E52",
@@ -4509,7 +4509,7 @@ const At = ({
       )
     ]
   }
-), t5 = ({
+), i5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4542,7 +4542,7 @@ const At = ({
       )
     ]
   }
-), i5 = ({
+), s5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4566,7 +4566,7 @@ const At = ({
       }
     )
   }
-), s5 = ({
+), n5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4613,7 +4613,7 @@ const At = ({
       )
     ]
   }
-), n5 = ({
+), r5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4646,7 +4646,7 @@ const At = ({
       )
     ]
   }
-), r5 = ({
+), o5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4679,7 +4679,7 @@ const At = ({
       )
     ]
   }
-), o5 = ({
+), l5 = ({
   width: i = 20,
   height: e = 23,
   color: t = "#001E52",
@@ -4740,7 +4740,7 @@ const At = ({
       )
     ]
   }
-), l5 = ({
+), a5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4780,7 +4780,7 @@ const At = ({
       )
     ]
   }
-), a5 = ({
+), h5 = ({
   width: i = 32,
   height: e = 25,
   color: t = "#001E52",
@@ -4808,7 +4808,7 @@ const At = ({
       )
     ]
   }
-), h5 = ({
+), c5 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#10B981",
@@ -4837,7 +4837,7 @@ const At = ({
       )
     ]
   }
-), c5 = ({
+), d5 = ({
   width: i = 11,
   height: e = 11,
   color: t = "#FFB020",
@@ -4871,7 +4871,7 @@ const At = ({
       )
     ]
   }
-), d5 = ({
+), g5 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#88A4FF",
@@ -4919,7 +4919,7 @@ const At = ({
       )
     ]
   }
-), g5 = ({
+), C5 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#8E8E93",
@@ -4947,7 +4947,7 @@ const At = ({
       )
     ]
   }
-), C5 = ({
+), u5 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#FFB020",
@@ -4981,7 +4981,7 @@ const At = ({
       )
     ]
   }
-), u5 = ({
+), p5 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#D0421B",
@@ -5029,7 +5029,7 @@ const At = ({
       )
     ]
   }
-), p5 = ({
+), f5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -5059,7 +5059,7 @@ const At = ({
       /* @__PURE__ */ r("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), f5 = ({
+), w5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -5097,7 +5097,7 @@ const At = ({
       )
     ]
   }
-), w5 = ({
+), m5 = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -5123,7 +5123,7 @@ const At = ({
       }
     )
   }
-), m5 = ({
+), k5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -5152,7 +5152,7 @@ const At = ({
       )
     ]
   }
-), k5 = ({
+), L5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -5181,7 +5181,7 @@ const At = ({
       )
     ]
   }
-), L5 = ({
+), v5 = ({
   width: i = 248,
   height: e = 248,
   color: t = "#070739",
@@ -5218,7 +5218,7 @@ const At = ({
       )
     ]
   }
-), v5 = ({
+), N5 = ({
   width: i = 24,
   height: e = 24,
   color: t = "#001E52",
@@ -5257,7 +5257,7 @@ const At = ({
       )
     ]
   }
-), N5 = ({
+), x5 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -5286,7 +5286,7 @@ const At = ({
       )
     ]
   }
-), x5 = ({
+), M5 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -5323,7 +5323,7 @@ const At = ({
       )
     ]
   }
-), M5 = ({
+), R5 = ({
   width: i = 24,
   height: e = 24,
   color: t = R.GREY_DARK_5,
@@ -5362,7 +5362,7 @@ const At = ({
       )
     ]
   }
-), R5 = ({
+), y5 = ({
   width: i = 20,
   height: e = 20,
   color: t = R.GREY_DARK_1,
@@ -5395,7 +5395,7 @@ const At = ({
       )
     ]
   }
-), y5 = ({
+), b5 = ({
   width: i = 81,
   height: e = 80,
   color: t = R.GREY_DARK_5,
@@ -5444,7 +5444,7 @@ const At = ({
       )
     ]
   }
-), b5 = ({
+), _5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 20,
@@ -5471,7 +5471,7 @@ const At = ({
       }
     )
   }
-), _5 = ({
+), E5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 20,
@@ -5498,7 +5498,7 @@ const At = ({
       }
     )
   }
-), E5 = ({
+), V5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 5,
@@ -5522,7 +5522,7 @@ const At = ({
       }
     )
   }
-), V5 = ({
+), H5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 5,
@@ -5547,7 +5547,7 @@ const At = ({
       }
     )
   }
-), H5 = ({
+), I5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 24,
@@ -5586,7 +5586,7 @@ const At = ({
       )
     ]
   }
-), I5 = ({
+), O5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 24,
@@ -5652,7 +5652,7 @@ const At = ({
       }
     )
   }
-), O5 = ({
+), A5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 24,
@@ -5711,7 +5711,7 @@ const At = ({
       )
     ]
   }
-), A5 = ({
+), B5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 24,
@@ -5748,7 +5748,7 @@ const At = ({
       )
     ]
   }
-), B5 = ({
+), Z5 = ({
   className: i,
   color: e = R.GREY_DARK_3,
   height: t = 14,
@@ -5785,7 +5785,7 @@ const At = ({
       )
     ]
   }
-), Z5 = ({
+), W5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 18,
@@ -5812,7 +5812,7 @@ const At = ({
       }
     )
   }
-), W5 = ({
+), j5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 24,
@@ -5864,7 +5864,7 @@ const At = ({
       )
     ]
   }
-), j5 = ({
+), D5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 24,
@@ -5901,7 +5901,7 @@ const At = ({
       )
     ]
   }
-), D5 = ({
+), T5 = ({
   className: i,
   color: e = R.NOTIFICATION_WARNING_DARK,
   height: t = 37,
@@ -5940,7 +5940,7 @@ const At = ({
       )
     ]
   }
-), T5 = ({
+), G5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 24,
@@ -5966,7 +5966,7 @@ const At = ({
       }
     )
   }
-), G5 = ({
+), K5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 24,
@@ -6005,7 +6005,7 @@ const At = ({
       )
     ]
   }
-), K5 = ({
+), P5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 24,
@@ -6044,7 +6044,7 @@ const At = ({
       )
     ]
   }
-), P5 = ({
+), $5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 24,
@@ -6209,7 +6209,7 @@ const At = ({
       )
     ]
   }
-), $5 = ({
+), U5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 24,
@@ -6248,7 +6248,7 @@ const At = ({
       )
     ]
   }
-), U5 = ({
+), z5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 24,
@@ -6297,7 +6297,7 @@ const At = ({
       )
     ]
   }
-), z5 = ({
+), J5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 24,
@@ -6336,7 +6336,7 @@ const At = ({
       )
     ]
   }
-), J5 = ({
+), q5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 24,
@@ -6363,7 +6363,7 @@ const At = ({
       }
     )
   }
-), q5 = ({
+), Q5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 24,
@@ -6401,7 +6401,7 @@ const At = ({
       )
     ]
   }
-), Q5 = ({
+), X5 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 24,
@@ -6422,7 +6422,7 @@ const At = ({
       /* @__PURE__ */ r("path", { d: "M12 8L4 8", stroke: e, strokeWidth: "1.7", strokeLinecap: "round" })
     ]
   }
-), X5 = ({
+), e3 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 24,
@@ -6461,7 +6461,7 @@ const At = ({
       )
     ]
   }
-), e3 = ({
+), t3 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 24,
@@ -6500,7 +6500,7 @@ const At = ({
       )
     ]
   }
-), t3 = ({
+), i3 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 24,
@@ -6539,7 +6539,7 @@ const At = ({
       )
     ]
   }
-), i3 = ({
+), s3 = ({
   className: i,
   color: e = R.GREY_DARK_2,
   height: t = 16,
@@ -6565,7 +6565,7 @@ const At = ({
       }
     )
   }
-), s3 = ({
+), n3 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 20,
@@ -6594,7 +6594,7 @@ const At = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_3992_5989", children: /* @__PURE__ */ r("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), n3 = ({
+), r3 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 20,
@@ -6623,7 +6623,7 @@ const At = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_3992_5988", children: /* @__PURE__ */ r("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), r3 = ({
+), o3 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 20,
@@ -6652,7 +6652,7 @@ const At = ({
       )
     ]
   }
-), o3 = ({
+), l3 = ({
   className: i,
   color: e = R.GREY_DARK_5,
   height: t = 20,
@@ -6681,7 +6681,7 @@ const At = ({
       )
     ]
   }
-), l3 = ({
+), a3 = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -6707,7 +6707,7 @@ const At = ({
       }
     )
   }
-), a3 = ({
+), h3 = ({
   className: i,
   color: e = "#131314",
   height: t = 20,
@@ -6735,7 +6735,7 @@ const At = ({
       }
     )
   }
-), h3 = ({
+), c3 = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -6773,7 +6773,7 @@ const At = ({
       )
     ] }) })
   }
-), c3 = ({
+), d3 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -6829,7 +6829,7 @@ const At = ({
       }
     )
   }
-), d3 = ({
+), g3 = ({
   width: i = 24,
   height: e = 24,
   color: t = "#131314",
@@ -6862,7 +6862,7 @@ const At = ({
       )
     ]
   }
-), g3 = ({
+), C3 = ({
   width: i = 24,
   height: e = 24,
   color: t = R.GREY_DARK_2,
@@ -6901,7 +6901,7 @@ const At = ({
       )
     ]
   }
-), C3 = ({
+), u3 = ({
   width: i = 24,
   height: e = 24,
   color: t = R.GREY_DARK_2,
@@ -6928,7 +6928,7 @@ const At = ({
       }
     )
   }
-), u3 = ({
+), p3 = ({
   width: i = 24,
   height: e = 24,
   color: t = R.GREY_DARK_2,
@@ -6968,7 +6968,7 @@ const At = ({
       )
     ]
   }
-), p3 = ({
+), f3 = ({
   width: i = 24,
   height: e = 24,
   color: t = R.GREY_DARK_2,
@@ -6995,7 +6995,7 @@ const At = ({
       }
     )
   }
-), f3 = ({
+), w3 = ({
   width: i = 24,
   height: e = 24,
   color: t = R.GREY_DARK_2,
@@ -7022,7 +7022,7 @@ const At = ({
       }
     )
   }
-), w3 = ({
+), m3 = ({
   name: i,
   width: e,
   height: t,
@@ -7031,49 +7031,49 @@ const At = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [o, d] = S(n), { theme: g } = s1(le), a = l ? g && g === "dark" ? R.GREY_LIGHT_4 : R.GREY_DARK_1 : s, h = l ? void 0 : c;
-  return B(() => {
+  const [o, d] = S(n), { theme: g } = r1(he), a = l ? g && g === "dark" ? R.GREY_LIGHT_4 : R.GREY_DARK_1 : s, h = l ? void 0 : c;
+  return Z(() => {
     if (n) {
       h && !l && d(`${n} clickable`);
       return;
     }
     h && !l && d("clickable");
-  }, [h, n, l]), /* @__PURE__ */ r(a1, { children: (() => {
+  }, [h, n, l]), /* @__PURE__ */ r(i1, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return b5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "prevIcon":
         return _5({ width: e, height: t, color: a, className: o, onClick: h });
+      case "prevIcon":
+        return E5({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowUp":
-        return At({ width: e, height: t, color: a, className: o, onClick: h });
-      case "arrowDown":
         return Bt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "info":
+      case "arrowDown":
         return Zt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "arrowRight":
+      case "info":
         return Wt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "calendar":
+      case "arrowRight":
         return jt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "ok":
+      case "calendar":
         return Dt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "cancel":
+      case "ok":
         return Tt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "add":
+      case "cancel":
         return Gt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "list":
+      case "add":
         return Kt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "dragAndDrop":
+      case "list":
         return Pt({ width: e, height: t, color: a, className: o, onClick: h });
+      case "dragAndDrop":
+        return $t({ width: e, height: t, color: a, className: o, onClick: h });
       case "filter":
         return Yt({ width: e, height: t, color: a, className: o, onClick: h });
       case "attention":
         return Ft({ width: e, height: t, color: a, className: o, onClick: h });
       case "plus":
-        return $t({ width: e, height: t, color: a, className: o, onClick: h });
-      case "time":
         return Ut({ width: e, height: t, color: a, className: o, onClick: h });
+      case "time":
+        return zt({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDownLong":
-        return zt({
+        return Jt({
           width: e,
           height: t,
           color: a,
@@ -7081,9 +7081,9 @@ const At = ({
           onClick: h
         });
       case "users":
-        return Jt({ width: e, height: t, color: a, className: o, onClick: h });
+        return qt({ width: e, height: t, color: a, className: o, onClick: h });
       case "mySkillsMatrix":
-        return qt({
+        return Qt({
           width: e,
           height: t,
           color: a,
@@ -7091,9 +7091,9 @@ const At = ({
           onClick: h
         });
       case "skills":
-        return Qt({ width: e, height: t, color: a, className: o, onClick: h });
+        return Xt({ width: e, height: t, color: a, className: o, onClick: h });
       case "skillsMatrices":
-        return Xt({
+        return e5({
           width: e,
           height: t,
           color: a,
@@ -7101,23 +7101,23 @@ const At = ({
           onClick: h
         });
       case "history":
-        return e5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "logOut":
         return t5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "settings":
+      case "logOut":
         return i5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "addSkill":
+      case "settings":
         return s5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "conversation":
+      case "addSkill":
         return n5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "trash":
+      case "conversation":
         return r5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "settings4":
+      case "trash":
         return o5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "edit2":
+      case "settings4":
         return l5({ width: e, height: t, color: a, className: o, onClick: h });
+      case "edit2":
+        return a5({ width: e, height: t, color: a, className: o, onClick: h });
       case "notifications":
-        return a5({
+        return h5({
           width: e,
           height: t,
           color: a,
@@ -7125,9 +7125,9 @@ const At = ({
           onClick: h
         });
       case "success":
-        return h5({ width: e, height: t, color: a, className: o, onClick: h });
+        return c5({ width: e, height: t, color: a, className: o, onClick: h });
       case "attentionSmall":
-        return c5({
+        return d5({
           width: e,
           height: t,
           color: a,
@@ -7135,11 +7135,11 @@ const At = ({
           onClick: h
         });
       case "errorSmall":
-        return d5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "infoMedium":
         return g5({ width: e, height: t, color: a, className: o, onClick: h });
+      case "infoMedium":
+        return C5({ width: e, height: t, color: a, className: o, onClick: h });
       case "attentionMedium":
-        return C5({
+        return u5({
           width: e,
           height: t,
           color: a,
@@ -7147,9 +7147,9 @@ const At = ({
           onClick: h
         });
       case "errorMedium":
-        return u5({ width: e, height: t, color: a, className: o, onClick: h });
+        return p5({ width: e, height: t, color: a, className: o, onClick: h });
       case "faviconSkills":
-        return L5({
+        return v5({
           width: e,
           height: t,
           color: a,
@@ -7157,7 +7157,7 @@ const At = ({
           onClick: h
         });
       case "visibilityIcon":
-        return p5({
+        return f5({
           width: e,
           height: t,
           color: a,
@@ -7165,7 +7165,7 @@ const At = ({
           onClick: h
         });
       case "visibilityOffIcon":
-        return f5({
+        return w5({
           width: e,
           height: t,
           color: a,
@@ -7173,7 +7173,7 @@ const At = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return w5({
+        return m5({
           width: e,
           height: t,
           color: a,
@@ -7181,7 +7181,7 @@ const At = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return m5({
+        return k5({
           width: e,
           height: t,
           color: a,
@@ -7189,7 +7189,7 @@ const At = ({
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return k5({
+        return L5({
           width: e,
           height: t,
           color: a,
@@ -7197,113 +7197,113 @@ const At = ({
           onClick: h
         });
       case "camera":
-        return v5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "sortUp":
         return N5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "sortDown":
+      case "sortUp":
         return x5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "logOut2":
+      case "sortDown":
         return M5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "search":
+      case "logOut2":
         return R5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "handRock":
+      case "search":
         return y5({ width: e, height: t, color: a, className: o, onClick: h });
+      case "handRock":
+        return b5({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowUpFilled":
-        return V5({ width: e, height: t, color: a, className: o, onClick: h });
+        return H5({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDownFilled":
-        return E5({ width: e, height: t, color: a, className: o, onClick: h });
+        return V5({ width: e, height: t, color: a, className: o, onClick: h });
       case "link":
-        return H5({ width: e, height: t, color: a, className: o, onClick: h });
+        return I5({ width: e, height: t, color: a, className: o, onClick: h });
       case "telegram":
         return S5({ width: e, height: t, color: a, className: o, onClick: h });
       case "mail":
-        return A5({ width: e, height: t, color: a, className: o, onClick: h });
+        return B5({ width: e, height: t, color: a, className: o, onClick: h });
       case "github":
-        return I5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "linkedIn":
         return O5({ width: e, height: t, color: a, className: o, onClick: h });
+      case "linkedIn":
+        return A5({ width: e, height: t, color: a, className: o, onClick: h });
       case "emptyStateIcon":
-        return B5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "filtersIcon":
         return Z5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "dotMenuIcon":
+      case "filtersIcon":
         return W5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "plusCircle":
+      case "dotMenuIcon":
         return j5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "warning":
+      case "plusCircle":
         return D5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "back":
+      case "warning":
         return T5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "bell":
+      case "back":
         return G5({ width: e, height: t, color: a, className: o, onClick: h });
+      case "bell":
+        return K5({ width: e, height: t, color: a, className: o, onClick: h });
       case "contract":
-        return P5({ width: e, height: t, color: a, className: o, onClick: h });
+        return $5({ width: e, height: t, color: a, className: o, onClick: h });
       case "trash2":
-        return K5({ width: e, height: t, color: a, className: o, onClick: h });
+        return P5({ width: e, height: t, color: a, className: o, onClick: h });
       case "manager":
         return Y5({ width: e, height: t, color: a, className: o, onClick: h });
       case "resourceManager":
         return F5({ width: e, height: t, color: a, className: o, onClick: h });
       case "settings2":
-        return $5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "image":
         return U5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "upload":
+      case "image":
         return z5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "edit":
+      case "upload":
         return J5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "location":
+      case "edit":
         return q5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "plus2":
+      case "location":
         return Q5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "search2":
+      case "plus2":
         return X5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "fastArrowLeft":
+      case "search2":
         return e3({ width: e, height: t, color: a, className: o, onClick: h });
-      case "fastArrowRight":
+      case "fastArrowLeft":
         return t3({ width: e, height: t, color: a, className: o, onClick: h });
-      case "crossInCircle":
+      case "fastArrowRight":
         return i3({ width: e, height: t, color: a, className: o, onClick: h });
+      case "crossInCircle":
+        return s3({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowUp2":
-        return n3({ width: e, height: t, color: a, className: o, onClick: h });
+        return r3({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDown2":
-        return s3({ width: e, height: t, color: a, className: o, onClick: h });
+        return n3({ width: e, height: t, color: a, className: o, onClick: h });
       case "filledArrowLeft":
-        return r3({ width: e, height: t, color: a, className: o, onClick: h });
-      case "filledArrowRight":
         return o3({ width: e, height: t, color: a, className: o, onClick: h });
-      case "burgerMenu":
+      case "filledArrowRight":
         return l3({ width: e, height: t, color: a, className: o, onClick: h });
-      case "signOut":
+      case "burgerMenu":
         return a3({ width: e, height: t, color: a, className: o, onClick: h });
-      case "refresh":
+      case "signOut":
         return h3({ width: e, height: t, color: a, className: o, onClick: h });
-      case "projects":
+      case "refresh":
         return c3({ width: e, height: t, color: a, className: o, onClick: h });
-      case "exit":
+      case "projects":
         return d3({ width: e, height: t, color: a, className: o, onClick: h });
-      case "client":
+      case "exit":
         return g3({ width: e, height: t, color: a, className: o, onClick: h });
-      case "calendar2":
+      case "client":
         return C3({ width: e, height: t, color: a, className: o, onClick: h });
-      case "openPointCircle":
+      case "calendar2":
         return u3({ width: e, height: t, color: a, className: o, onClick: h });
-      case "community":
+      case "openPointCircle":
         return p3({ width: e, height: t, color: a, className: o, onClick: h });
-      case "docs":
+      case "community":
         return f3({ width: e, height: t, color: a, className: o, onClick: h });
+      case "docs":
+        return w3({ width: e, height: t, color: a, className: o, onClick: h });
       default:
-        return /* @__PURE__ */ r(a1, { children: "No Icon provided" });
+        return /* @__PURE__ */ r(i1, { children: "No Icon provided" });
     }
   })() });
 };
-var g1 = /* @__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))(g1 || {});
-const m3 = h1({
+var f1 = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(f1 || {});
+const k3 = d1({
   locale: "en",
   theme: "light"
 });
-m3.Provider;
-const ae = ({
+k3.Provider;
+const ce = ({
   children: i,
   width: e,
   size: t = "small",
@@ -7315,14 +7315,14 @@ const ae = ({
     l || s == null || s();
   };
   return /* @__PURE__ */ r(
-    Me,
+    Re,
     {
       className: `snmt-tag ${t} ${l ? "disabled" : ""}`,
       closeIcon: /* @__PURE__ */ r(
-        w3,
+        m3,
         {
           name: "errorSmall",
-          color: l ? g1.GREY_DARK_1 : g1.GREY_DARK_2,
+          color: l ? f1.GREY_DARK_1 : f1.GREY_DARK_2,
           width: c,
           height: c,
           onClick: o
@@ -7332,16 +7332,54 @@ const ae = ({
       style: { width: e ?? "fit-content" },
       closable: n,
       children: typeof i == "string" ? /* @__PURE__ */ r(
-        Ot,
+        At,
         {
           variant: t === "small" ? "body4" : "body2",
-          color: l ? g1.GREY_DARK_2 : g1.GREY_DARK_5,
+          color: l ? f1.GREY_DARK_2 : f1.GREY_DARK_5,
           children: i
         }
       ) : i
     }
   );
-}, k3 = ({
+}, { Title: L3, Text: v3 } = re, N3 = {
+  h1: 1,
+  h2: 2,
+  h3: 3,
+  h4: 4
+}, x3 = k1(
+  ({
+    align: i = "inherit",
+    variant: e = "body1",
+    color: t,
+    children: s,
+    onClick: n,
+    collapsed: l,
+    whiteSpace: c = "normal"
+  }, o) => {
+    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__ */ r(
+      L3,
+      {
+        className: g,
+        style: { color: t, whiteSpace: c },
+        onClick: n,
+        level: N3[e],
+        ref: o,
+        children: s
+      }
+    ) : /* @__PURE__ */ r(
+      v3,
+      {
+        className: g,
+        style: { color: t, whiteSpace: c },
+        onClick: n,
+        ref: o,
+        children: s
+      }
+    );
+  }
+), M3 = ({
   children: i,
   content: e,
   isOpen: t,
@@ -7351,7 +7389,7 @@ const ae = ({
 }) => {
   const [c, o] = S(!1);
   return /* @__PURE__ */ r(
-    Re,
+    ye,
     {
       content: e,
       arrow: !1,
@@ -7366,18 +7404,18 @@ const ae = ({
     }
   );
 };
-var L3 = { exports: {} };
+var R3 = { exports: {} };
 (function(i, e) {
   (function(t, s) {
     i.exports = s();
-  })(Ee, function() {
+  })(Ve, function() {
     return { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t) {
       var s = ["th", "st", "nd", "rd"], n = t % 100;
       return "[" + t + (s[(n - 20) % 10] || s[n] || s[0]) + "]";
     } };
   });
-})(L3);
-const v3 = ({
+})(R3);
+const y3 = ({
   values: i,
   onTagClose: e,
   maxWidth: t,
@@ -7386,22 +7424,22 @@ const v3 = ({
   options: l,
   extraOptions: c
 }) => {
-  const { locale: o } = s1(O1), { t: d } = Fe("common", { lng: o }), [g, a] = S(!1);
-  if (B(() => {
+  const { locale: o } = r1(B1), { t: d } = Fe("common", { lng: o }), [g, a] = S(!1);
+  if (Z(() => {
     i.length || a(!1);
   }, [i]), !i.length)
     return null;
   const h = (u) => {
-    var p, k;
-    return ((p = l == null ? void 0 : l.find((x) => x.value === u)) == null ? void 0 : p.label) || ((k = c == null ? void 0 : c.find((x) => x.value === u)) == null ? void 0 : k.label) || u;
+    var f, k;
+    return ((f = l == null ? void 0 : l.find((x) => x.value === u)) == null ? void 0 : f.label) || ((k = c == null ? void 0 : c.find((x) => x.value === u)) == null ? void 0 : k.label) || u;
   };
   return /* @__PURE__ */ C(
-    k3,
+    M3,
     {
       content: (
         // 90: paddings + margins + gaps and so on
-        /* @__PURE__ */ r("div", { style: { maxWidth: t - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ r(L1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: u }) => /* @__PURE__ */ r(
-          ae,
+        /* @__PURE__ */ r("div", { style: { maxWidth: t - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ r(p1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: u }) => /* @__PURE__ */ r(
+          ce,
           {
             onClose: () => e(u),
             closable: s,
@@ -7421,7 +7459,7 @@ const v3 = ({
       ]
     }
   );
-}, D1 = ({ size: i = 30, color: e = "#004ed7" }) => {
+}, T1 = ({ size: i = 30, color: e = "#004ed7" }) => {
   const t = `no-repeat linear-gradient(${e}
     calc(50% - 10px), #0000 0 calc(50% + 10px), ${e} 0)`, s = {
     width: i,
@@ -7429,7 +7467,7 @@ const v3 = ({
     backgroundSize: "20% calc(200% + 20px)"
   };
   return /* @__PURE__ */ r("span", { className: "snmt-loader", style: s });
-}, T1 = R1(
+}, G1 = k1(
   ({
     value: i,
     onChange: e,
@@ -7444,197 +7482,207 @@ const v3 = ({
     scrollThresholdValue: a = 50,
     onSearchChange: h,
     onDropdownVisibleChange: u,
-    onScrollToEnd: p,
+    onScrollToEnd: f,
     onPopupScroll: k,
     id: x,
     extraOptions: N,
-    dropdownRender: V,
+    dropdownRender: E,
     optionRender: b,
-    isLoading: _,
-    readOnly: f
-  }, L) => {
-    const [v, w] = S(!1), [O, T] = S(!1), [P, G] = S(!0), [Z, F] = S(i), $ = Y(null);
-    B(() => {
-      F(i);
+    isLoading: V,
+    readOnly: p,
+    error: L
+  }, v) => {
+    const [w, H] = S(!1), [F, W] = S(!1), [K, z] = S(!0), [A, T] = S(i), U = Y(null);
+    Z(() => {
+      T(i);
     }, [i]);
-    const U = (m) => {
-      w(m), u && u(m);
-    }, Q = (m, E) => {
-      var I;
-      return !!((I = E == null ? void 0 : E.label) != null && I.toString().toLowerCase().includes(m.toLowerCase()));
-    }, X = () => {
-      T(!0);
-    }, A = () => {
-      T(!1);
-    }, W = j(
+    const q = (m) => {
+      H(m), u && u(m);
+    }, X = (m, _) => {
+      var O;
+      return !!((O = _ == null ? void 0 : _.label) != null && O.toString().toLowerCase().includes(m.toLowerCase()));
+    }, B = () => {
+      W(!0);
+    }, P = () => {
+      W(!1);
+    }, G = j(
       (m) => {
-        if (F(m), s) {
-          const I = m;
-          e == null || e(I);
+        if (T(m), s) {
+          const O = m;
+          e == null || e(O);
           return;
         }
-        const E = m;
-        e == null || e(E);
+        const _ = m;
+        e == null || e(_);
       },
       [s, e]
-    ), z = j(() => {
-      if (!f) {
+    ), e1 = j(() => {
+      if (!p) {
         if (s) {
-          W([]);
+          G([]);
           return;
         }
-        W("");
+        G("");
       }
-    }, [W, s, f]), J = j(
+    }, [G, s, p]), t1 = j(
       (m) => {
-        const E = Z.filter((I) => I !== m);
-        W(E), F(E);
+        const _ = A.filter((O) => O !== m);
+        G(_), T(_);
       },
-      [W, Z]
-    ), c1 = j(
-      (m) => (Z == null ? void 0 : Z.indexOf(m)) === 0 ? (
+      [G, A]
+    ), g1 = j(
+      (m) => (A == null ? void 0 : A.indexOf(m)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
-        /* @__PURE__ */ r("span", { className: "custom-placeholder", children: P ? t : "" })
-      ) : /* @__PURE__ */ r(a1, {}),
-      [P, Z, t]
-    ), p1 = (m) => {
+        /* @__PURE__ */ r("span", { className: "custom-placeholder", children: K ? t : "" })
+      ) : /* @__PURE__ */ r(i1, {}),
+      [K, A, t]
+    ), L1 = (m) => {
       m.preventDefault(), m.stopPropagation();
-    }, f1 = async (m) => {
-      const { target: E } = m;
-      E.scrollTop + E.offsetHeight >= E.scrollHeight - a && (p == null || p(!0)), k && await k(m);
-    }, n1 = j(
+    }, v1 = async (m) => {
+      const { target: _ } = m;
+      _.scrollTop + _.offsetHeight >= _.scrollHeight - a && (f == null || f(!0)), k && await k(m);
+    }, o1 = j(
       (m) => {
-        var E, I;
-        return ((E = l.find((K) => K.value === m)) == null ? void 0 : E.label) || ((I = N == null ? void 0 : N.find(
-          (K) => K.value === m
-        )) == null ? void 0 : I.label) || m;
+        var _, O;
+        return ((_ = l.find((l1) => l1.value === m)) == null ? void 0 : _.label) || ((O = N == null ? void 0 : N.find(
+          (l1) => l1.value === m
+        )) == null ? void 0 : O.label) || m;
       },
       [N, l]
-    ), w1 = j(
+    ), N1 = j(
       (m) => {
-        var E;
+        var _;
         return /* @__PURE__ */ r(
-          v3,
+          y3,
           {
             values: m,
-            onTagClose: J,
-            maxWidth: ((E = $.current) == null ? void 0 : E.clientWidth) || 0,
+            onTagClose: t1,
+            maxWidth: ((_ = U.current) == null ? void 0 : _.clientWidth) || 0,
             disabled: o,
-            closable: !f,
+            closable: !p,
             options: l,
             extraOptions: N
           }
         );
       },
-      [o, N, J, l, f]
-    ), H = j(
-      ({ label: m, value: E, mode: I }) => I === "filter" ? c1(E) : /* @__PURE__ */ r("div", { onMouseDown: p1, className: "tag-wrapper", children: /* @__PURE__ */ r(ae, { onClose: () => J(E), disabled: o, children: typeof m == "object" ? m : n1(E) }) }),
-      [o, n1, J, c1]
-    );
+      [o, N, t1, l, p]
+    ), I = j(
+      ({ label: m, value: _, mode: O }) => O === "filter" ? g1(_) : /* @__PURE__ */ r("div", { onMouseDown: L1, className: "tag-wrapper", children: /* @__PURE__ */ r(ce, { onClose: () => t1(_), disabled: o, children: typeof m == "object" ? m : o1(_) }) }),
+      [o, o1, t1, g1]
+    ), $ = Array.isArray(A) && A.length > 0 || !!A && typeof A == "string" && A.trim() !== "";
     return /* @__PURE__ */ C(
       "div",
       {
-        className: `snmt-select ${O ? "snmt-select-focused" : ""}
-                ${s ? "" : "snmt-select-single"} ${f ? "snmt-select-read-only" : ""}`,
-        ref: $,
+        className: `snmt-select-1-15-6 ${F ? "snmt-select-focused" : ""}
+                    ${s ? "" : "snmt-select-single"} ${p ? "snmt-select-read-only" : ""}`,
+        ref: U,
         style: { width: c },
         children: [
           /* @__PURE__ */ r(
-            ke,
+            ve,
             {
               className: "snmt-select-blank",
-              popupClassName: f ? "dropdown-read-only" : "",
+              popupClassName: p ? "dropdown-read-only" : "",
               id: x,
-              ref: L,
+              ref: v,
               showSearch: !!n,
-              filterOption: n && Q,
-              onDropdownVisibleChange: U,
-              placeholder: t ? d ? `${t}*` : t : void 0,
+              filterOption: n && X,
+              onDropdownVisibleChange: q,
               disabled: o,
-              value: Z || void 0,
-              labelRender: (m) => n1(m.value),
+              value: A || void 0,
+              labelRender: (m) => o1(m.value),
               mode: s === "filter" ? "multiple" : s,
-              onChange: W,
-              onFocus: X,
-              onBlur: A,
+              onChange: G,
+              onFocus: B,
+              onBlur: P,
               onSearch: (m) => {
-                G(!m), h && h(m);
+                z(!m), h && h(m);
               },
-              onSelect: () => G(!0),
-              onDeselect: () => G(!0),
-              tagRender: (m) => H({ ...m, mode: s }),
+              onSelect: () => z(!0),
+              onDeselect: () => z(!0),
+              tagRender: (m) => I({ ...m, mode: s }),
               maxTagCount: "responsive",
-              maxTagPlaceholder: w1,
-              onPopupScroll: f1,
-              prefix: _ && /* @__PURE__ */ r(D1, { size: 15 }),
-              suffixIcon: /* @__PURE__ */ r("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ C(a1, { children: [
-                Z && !!Z.length && (s || g) && /* @__PURE__ */ r("div", { onClick: z, children: /* @__PURE__ */ r(
-                  m1,
+              maxTagPlaceholder: N1,
+              onPopupScroll: v1,
+              prefix: V && /* @__PURE__ */ r(T1, { size: 15 }),
+              suffixIcon: /* @__PURE__ */ r("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ C(i1, { children: [
+                A && !!A.length && (s || g) && /* @__PURE__ */ r("div", { onClick: e1, children: /* @__PURE__ */ r(
+                  C1,
                   {
                     name: "cancel",
-                    color: o ? e1.GREY_DARK_1 : e1.GREY_DARK_5
+                    color: o ? Q.GREY_DARK_1 : Q.GREY_DARK_5
                   }
                 ) }),
                 /* @__PURE__ */ r(
-                  m1,
+                  C1,
                   {
                     name: "selectArrowIcon",
-                    color: o ? e1.GREY_DARK_1 : e1.GREY_DARK_5,
-                    className: v ? "select-arrow-rotated" : "select-arrow",
-                    onClick: () => w(!v)
+                    color: o ? Q.GREY_DARK_1 : Q.GREY_DARK_5,
+                    className: w ? "select-arrow-rotated" : "select-arrow",
+                    onClick: () => H(!w)
                   }
                 )
               ] }) }),
-              removeIcon: /* @__PURE__ */ r(m1, { name: "errorSmall", color: e1.GREY_DARK_2 }),
+              removeIcon: /* @__PURE__ */ r(C1, { name: "errorSmall", color: Q.GREY_DARK_2 }),
               options: l,
-              optionRender: (m) => b ? b(m.data) : /* @__PURE__ */ C(L1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
-                /* @__PURE__ */ C(L1, { alignItems: "center", gap: 12, children: [
+              optionRender: (m) => b ? b(m.data) : /* @__PURE__ */ C(p1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                /* @__PURE__ */ C(p1, { alignItems: "center", gap: 12, children: [
                   s && /* @__PURE__ */ r(
-                    Ue,
+                    ze,
                     {
-                      checked: !!(Z != null && Z.includes(m.value))
+                      checked: !!(A != null && A.includes(m.value))
                     }
                   ),
-                  /* @__PURE__ */ C(L1, { alignItems: "center", gap: 8, children: [
-                    m.data.image && /* @__PURE__ */ r($e, { src: m.data.image, size: 20 }),
+                  /* @__PURE__ */ C(p1, { alignItems: "center", gap: 8, children: [
+                    m.data.image && /* @__PURE__ */ r(Ue, { src: m.data.image, size: 20 }),
                     /* @__PURE__ */ r("span", { children: m.label })
                   ] })
                 ] }),
-                !s && Z === m.value && /* @__PURE__ */ r(
-                  m1,
+                !s && A === m.value && /* @__PURE__ */ r(
+                  C1,
                   {
                     name: "ok",
-                    color: e1.BLUE_PRIMARY,
+                    color: Q.BLUE_PRIMARY,
                     width: 16,
                     height: 16
                   }
                 )
               ] }),
               dropdownRender: (m) => /* @__PURE__ */ C("div", { className: "dropdown-container", children: [
-                /* @__PURE__ */ r("div", { className: "dropdown-menu", children: V ? V(m) : m }),
-                _ && /* @__PURE__ */ r("div", { className: "loading-overlay", children: /* @__PURE__ */ r(D1, { size: 28 }) })
+                /* @__PURE__ */ r("div", { className: "dropdown-menu", children: E ? E(m) : m }),
+                V && /* @__PURE__ */ r("div", { className: "loading-overlay", children: /* @__PURE__ */ r(T1, { size: 28 }) })
               ] })
             }
           ),
-          /* @__PURE__ */ r(
-            "fieldset",
-            {
-              className: `${O ? "fieldset-focused" : ""}
-                     ${o ? "fieldset-disabled" : ""}
-                     ${typeof i == "string" && i ? "fieldset-filled" : ""}
-                     ${typeof i == "object" && i != null && i.length ? "fieldset-filled" : ""}`,
-              children: /* @__PURE__ */ r("legend", { children: t ? /* @__PURE__ */ r("span", { children: d ? `${t}*` : t }) : "" })
-            }
-          )
+          t && /* @__PURE__ */ C(i1, { children: [
+            /* @__PURE__ */ r(
+              "label",
+              {
+                className: `${F || $ ? "label-floating" : ""} ${o ? "label-disabled" : ""} ${F ? "label-focused" : ""} ${V ? "label-loading" : ""} ${L ? "label-error" : ""}`,
+                children: d ? `${t}*` : t
+              }
+            ),
+            /* @__PURE__ */ r(
+              "fieldset",
+              {
+                className: `${F ? "fieldset-focused" : ""} ${o ? "fieldset-disabled" : ""} ${$ ? "fieldset-filled" : ""} ${L ? "fieldset-error" : ""}`,
+                children: /* @__PURE__ */ r("legend", { children: /* @__PURE__ */ r("span", { children: d ? `${t}*` : t }) })
+              }
+            )
+          ] }),
+          L && /* @__PURE__ */ C(p1, { justifyContent: "flex-start", gap: 6, children: [
+            /* @__PURE__ */ r(C1, { name: "attention", color: Q.NOTIFICATION_ERROR_DARK }),
+            typeof L == "string" ? /* @__PURE__ */ r(x3, { color: Q.NOTIFICATION_ERROR_DARK, variant: "body4", children: L }) : L
+          ] })
         ]
       }
     );
   }
 );
-function N3(i, e = 500) {
+function b3(i, e = 500) {
   const t = Y();
-  return B(() => () => {
+  return Z(() => () => {
     t.current && clearTimeout(t.current);
   }, []), (...s) => {
     const n = setTimeout(() => {
@@ -7643,15 +7691,15 @@ function N3(i, e = 500) {
     clearTimeout(t.current), t.current = n;
   };
 }
-function G1(i) {
+function K1(i) {
   const e = Y(i);
-  return B(() => {
+  return Z(() => {
     e.current = i;
   }, [i]), e.current;
 }
-const b1 = 100, r1 = {
+const E1 = 100, a1 = {
   offset: 0
-}, x3 = R1(
+}, _3 = k1(
   ({
     loadOptions: i,
     width: e,
@@ -7666,200 +7714,203 @@ const b1 = 100, r1 = {
     preloadOptions: a,
     extraOptions: h,
     onDropdownVisibleChange: u,
-    optionRender: p,
+    optionRender: f,
     dropdownRender: k,
     readOnly: x,
-    clearable: N,
-    required: V = !1
-  }, b) => {
-    const [_, f] = S(), [L, v] = S(r1), [w, O] = S(!1), [T, P] = S(), [G, Z] = S(!1), [F, $] = S(
+    clearable: N = !1,
+    required: E = !1,
+    error: b
+  }, V) => {
+    const [p, L] = S(), [v, w] = S(a1), [H, F] = S(!1), [W, K] = S(), [z, A] = S(!1), [T, U] = S(
       h ?? []
-    ), U = G1(L.offset), Q = G1(T), [X, A] = S(!1), W = Y(!1), z = j(
+    ), q = K1(v.offset), X = K1(W), [B, P] = S(!1), G = Y(!1), e1 = j(
       async ({
-        limit: H = b1,
-        offset: m,
-        search: E
+        limit: I = E1,
+        offset: $,
+        search: m
       }) => {
-        O(!0);
+        F(!0);
         try {
-          const I = await i({
-            limit: H,
-            offset: m,
-            search: E
+          const _ = await i({
+            limit: I,
+            offset: $,
+            search: m
           });
-          f(
-            (K) => m === 0 ? I.options : [...K ?? [], ...I.options]
-          ), v((K) => ({
-            ...K,
-            count: I.count
+          L(
+            (O) => $ === 0 ? _.options : [...O ?? [], ..._.options]
+          ), w((O) => ({
+            ...O,
+            count: _.count
           }));
-        } catch (I) {
-          return console.error("AsyncSelect. fetchOptions error", I), [];
+        } catch (_) {
+          return console.error("AsyncSelect. fetchOptions error", _), [];
         } finally {
-          O(!1);
+          F(!1);
         }
       },
       [i]
-    ), J = N3((H) => {
-      P(H), H || v(r1);
-    }), c1 = j(
-      (H) => J(H),
-      [J]
-    ), p1 = j(
-      async (H) => {
-        w || H && L.count && L.count > ((_ == null ? void 0 : _.length) ?? 0) && v((m) => ({
-          ...m,
-          offset: m.offset + b1
+    ), t1 = b3((I) => {
+      K(I), I || w(a1);
+    }), g1 = j(
+      (I) => t1(I),
+      [t1]
+    ), L1 = j(
+      async (I) => {
+        H || I && v.count && v.count > ((p == null ? void 0 : p.length) ?? 0) && w(($) => ({
+          ...$,
+          offset: $.offset + E1
         }));
       },
-      [w, _ == null ? void 0 : _.length, L.count]
-    ), f1 = j(
-      (H) => {
-        Z(H), !H && T && (P(void 0), v(r1), A(!0)), u == null || u(H);
+      [H, p == null ? void 0 : p.length, v.count]
+    ), v1 = j(
+      (I) => {
+        A(I), !I && W && (K(void 0), w(a1), P(!0)), u == null || u(I);
       },
-      [u, T]
+      [u, W]
     );
-    B(() => {
-      !W.current || w || (X || G && (U !== L.offset || Q !== T || !_)) && (z({ offset: L.offset, limit: b1, search: T }), X && A(!1));
-    }, [X, G, L.offset, T, U, Q, _, w]), B(() => {
-      (g || a) && z(r1), W.current = !0;
-    }, []), B(() => {
-      h && $((H) => {
-        const m = h.filter(
-          (E) => !H.some((I) => I.value === E.value)
+    Z(() => {
+      !G.current || H || (B || z && (q !== v.offset || X !== W || !p)) && (e1({ offset: v.offset, limit: E1, search: W }), B && P(!1));
+    }, [B, z, v.offset, W, q, X, p, H]), Z(() => {
+      (g || a) && e1(a1), G.current = !0;
+    }, []), Z(() => {
+      h && U((I) => {
+        const $ = h.filter(
+          (m) => !I.some((_) => _.value === m.value)
         );
-        return [...H, ...m];
+        return [...I, ...$];
       });
     }, [h]);
-    const n1 = j(
-      (H) => {
-        t && t(H);
-        let m = [];
-        if (d ? m = Array.isArray(H) ? H : [] : m = H ? [H] : [], T) {
-          const E = m.filter(
-            (I) => !(F != null && F.some((K) => K.value === I))
+    const o1 = j(
+      (I) => {
+        t && t(I);
+        let $ = [];
+        if (d ? $ = Array.isArray(I) ? I : [] : $ = I ? [I] : [], W) {
+          const m = $.filter(
+            (_) => !(T != null && T.some((O) => O.value === _))
           );
-          E.length > 0 && $((I = []) => [
-            ...I,
-            ...E.map((K) => {
-              const A1 = _ == null ? void 0 : _.find((ue) => ue.value === K);
+          m.length > 0 && U((_ = []) => [
+            ..._,
+            ...m.map((O) => {
+              const l1 = p == null ? void 0 : p.find((fe) => fe.value === O);
               return {
-                value: K,
-                label: (A1 == null ? void 0 : A1.label) ?? K
+                value: O,
+                label: (l1 == null ? void 0 : l1.label) ?? O
               };
             })
-          ]), P(void 0), v(r1), A(!0);
+          ]), K(void 0), w(a1), P(!0);
         }
       },
-      [t, T, d, _, F]
-    ), w1 = me(
+      [t, W, d, p, T]
+    ), N1 = Le(
       () => ({
         id: n,
         width: e,
-        options: _ || [],
-        onChange: n1,
-        ref: b,
+        options: p || [],
+        onChange: o1,
+        ref: V,
         placeholder: o,
         search: !0,
         value: s,
-        onSearchChange: c1,
-        onDropdownVisibleChange: f1,
+        onSearchChange: g1,
+        onDropdownVisibleChange: v1,
         scrollThresholdValue: c,
-        onScrollToEnd: p1,
+        onScrollToEnd: L1,
         disabled: l,
-        extraOptions: F,
-        isLoading: w,
-        optionRender: p,
+        extraOptions: T,
+        isLoading: H,
+        optionRender: f,
         dropdownRender: k,
         readOnly: x,
         clearable: N,
-        required: V
+        required: E,
+        error: b
       }),
       [
         n,
         e,
-        _,
-        n1,
-        b,
+        p,
+        o1,
+        V,
         o,
         s,
-        c1,
-        f1,
+        g1,
+        v1,
         c,
-        p1,
+        L1,
         l,
-        F,
-        w,
-        p,
+        T,
+        H,
+        f,
         k,
         x,
         N,
-        V
+        E,
+        b
       ]
     );
-    return se(b, () => ({
+    return ne(V, () => ({
       refetchOptions: async () => {
-        v(r1), P(void 0), A(!0);
+        w(a1), K(void 0), P(!0);
       }
-    })), d ? /* @__PURE__ */ r(T1, { ...w1, value: s, mode: d }) : /* @__PURE__ */ r("div", { className: "snmt-async-select", children: /* @__PURE__ */ r(T1, { ...w1, value: s }) });
+    })), d ? /* @__PURE__ */ r(G1, { ...N1, value: s, mode: d }) : /* @__PURE__ */ r("div", { className: "snmt-async-select", children: /* @__PURE__ */ r(G1, { ...N1, value: s }) });
   }
-), y = (i) => typeof i == "string", d1 = () => {
+), y = (i) => typeof i == "string", u1 = () => {
   let i, e;
   const t = new Promise((s, n) => {
     i = s, e = n;
   });
   return t.resolve = i, t.reject = e, t;
-}, K1 = (i) => i == null ? "" : "" + i, M3 = (i, e, t) => {
+}, P1 = (i) => i == null ? "" : "" + i, E3 = (i, e, t) => {
   i.forEach((s) => {
     e[s] && (t[s] = e[s]);
   });
-}, R3 = /###/g, P1 = (i) => i && i.indexOf("###") > -1 ? i.replace(R3, ".") : i, Y1 = (i) => !i || y(i), C1 = (i, e, t) => {
+}, V3 = /###/g, $1 = (i) => i && i.indexOf("###") > -1 ? i.replace(V3, ".") : i, Y1 = (i) => !i || y(i), w1 = (i, e, t) => {
   const s = y(e) ? e.split(".") : e;
   let n = 0;
   for (; n < s.length - 1; ) {
     if (Y1(i)) return {};
-    const l = P1(s[n]);
+    const l = $1(s[n]);
     !i[l] && t && (i[l] = new t()), Object.prototype.hasOwnProperty.call(i, l) ? i = i[l] : i = {}, ++n;
   }
   return Y1(i) ? {} : {
     obj: i,
-    k: P1(s[n])
+    k: $1(s[n])
   };
 }, F1 = (i, e, t) => {
   const {
     obj: s,
     k: n
-  } = C1(i, e, Object);
+  } = w1(i, e, Object);
   if (s !== void 0 || e.length === 1) {
     s[n] = t;
     return;
   }
-  let l = e[e.length - 1], c = e.slice(0, e.length - 1), o = C1(i, c, Object);
+  let l = e[e.length - 1], c = e.slice(0, e.length - 1), o = w1(i, c, Object);
   for (; o.obj === void 0 && c.length; )
-    l = `${c[c.length - 1]}.${l}`, c = c.slice(0, c.length - 1), o = C1(i, c, Object), o && o.obj && typeof o.obj[`${o.k}.${l}`] < "u" && (o.obj = void 0);
+    l = `${c[c.length - 1]}.${l}`, c = c.slice(0, c.length - 1), o = w1(i, c, Object), o && o.obj && typeof o.obj[`${o.k}.${l}`] < "u" && (o.obj = void 0);
   o.obj[`${o.k}.${l}`] = t;
-}, y3 = (i, e, t, s) => {
+}, H3 = (i, e, t, s) => {
   const {
     obj: n,
     k: l
-  } = C1(i, e, Object);
+  } = w1(i, e, Object);
   n[l] = n[l] || [], n[l].push(t);
-}, v1 = (i, e) => {
+}, M1 = (i, e) => {
   const {
     obj: t,
     k: s
-  } = C1(i, e);
+  } = w1(i, e);
   if (t)
     return t[s];
-}, b3 = (i, e, t) => {
-  const s = v1(i, t);
-  return s !== void 0 ? s : v1(e, t);
-}, he = (i, e, t) => {
+}, I3 = (i, e, t) => {
+  const s = M1(i, t);
+  return s !== void 0 ? s : M1(e, t);
+}, de = (i, e, t) => {
   for (const s in e)
-    s !== "__proto__" && s !== "constructor" && (s in i ? y(i[s]) || i[s] instanceof String || y(e[s]) || e[s] instanceof String ? t && (i[s] = e[s]) : he(i[s], e[s], t) : i[s] = e[s]);
+    s !== "__proto__" && s !== "constructor" && (s in i ? y(i[s]) || i[s] instanceof String || y(e[s]) || e[s] instanceof String ? t && (i[s] = e[s]) : de(i[s], e[s], t) : i[s] = e[s]);
   return i;
-}, o1 = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
-var _3 = {
+}, h1 = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+var O3 = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
@@ -7867,8 +7918,8 @@ var _3 = {
   "'": "&#39;",
   "/": "&#x2F;"
 };
-const E3 = (i) => y(i) ? i.replace(/[&<>"'\/]/g, (e) => _3[e]) : i;
-class V3 {
+const S3 = (i) => y(i) ? i.replace(/[&<>"'\/]/g, (e) => O3[e]) : i;
+class A3 {
   constructor(e) {
     this.capacity = e, this.regExpMap = /* @__PURE__ */ new Map(), this.regExpQueue = [];
   }
@@ -7880,18 +7931,18 @@ class V3 {
     return this.regExpQueue.length === this.capacity && this.regExpMap.delete(this.regExpQueue.shift()), this.regExpMap.set(e, s), this.regExpQueue.push(e), s;
   }
 }
-const H3 = [" ", ",", "?", "!", ";"], I3 = new V3(20), S3 = (i, e, t) => {
+const B3 = [" ", ",", "?", "!", ";"], Z3 = new A3(20), W3 = (i, e, t) => {
   e = e || "", t = t || "";
-  const s = H3.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
+  const s = B3.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
   if (s.length === 0) return !0;
-  const n = I3.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
+  const n = Z3.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
   let l = !n.test(i);
   if (!l) {
     const c = i.indexOf(t);
     c > 0 && !n.test(i.substring(0, c)) && (l = !0);
   }
   return l;
-}, H1 = function(i, e) {
+}, O1 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : ".";
   if (!i) return;
   if (i[e]) return i[e];
@@ -7911,7 +7962,7 @@ const H3 = [" ", ",", "?", "!", ";"], I3 = new V3(20), S3 = (i, e, t) => {
     n = c;
   }
   return n;
-}, N1 = (i) => i && i.replace("_", "-"), O3 = {
+}, R1 = (i) => i && i.replace("_", "-"), j3 = {
   type: "logger",
   log(i) {
     this.output("log", i);
@@ -7926,14 +7977,14 @@ const H3 = [" ", ",", "?", "!", ";"], I3 = new V3(20), S3 = (i, e, t) => {
     console && console[i] && console[i].apply(console, e);
   }
 };
-class x1 {
+class y1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     this.init(e, t);
   }
   init(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.prefix = t.prefix || "i18next:", this.logger = e || O3, this.options = t, this.debug = t.debug;
+    this.prefix = t.prefix || "i18next:", this.logger = e || j3, this.options = t, this.debug = t.debug;
   }
   log() {
     for (var e = arguments.length, t = new Array(e), s = 0; s < e; s++)
@@ -7959,17 +8010,17 @@ class x1 {
     return n && !this.debug ? null : (y(e[0]) && (e[0] = `${s}${this.prefix} ${e[0]}`), this.logger[t](e));
   }
   create(e) {
-    return new x1(this.logger, {
+    return new y1(this.logger, {
       prefix: `${this.prefix}:${e}:`,
       ...this.options
     });
   }
   clone(e) {
-    return e = e || this.options, e.prefix = e.prefix || this.prefix, new x1(this.logger, e);
+    return e = e || this.options, e.prefix = e.prefix || this.prefix, new y1(this.logger, e);
   }
 }
-var q = new x1();
-class y1 {
+var J = new y1();
+class _1 {
   constructor() {
     this.observers = {};
   }
@@ -8003,7 +8054,7 @@ class y1 {
     });
   }
 }
-class $1 extends y1 {
+class U1 extends _1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
       ns: ["translation"],
@@ -8023,8 +8074,8 @@ class $1 extends y1 {
     const l = n.keySeparator !== void 0 ? n.keySeparator : this.options.keySeparator, c = n.ignoreJSONStructure !== void 0 ? n.ignoreJSONStructure : this.options.ignoreJSONStructure;
     let o;
     e.indexOf(".") > -1 ? o = e.split(".") : (o = [e, t], s && (Array.isArray(s) ? o.push(...s) : y(s) && l ? o.push(...s.split(l)) : o.push(s)));
-    const d = v1(this.data, o);
-    return !d && !t && !s && e.indexOf(".") > -1 && (e = o[0], t = o[1], s = o.slice(2).join(".")), d || !c || !y(s) ? d : H1(this.data && this.data[e] && this.data[e][t], s, l);
+    const d = M1(this.data, o);
+    return !d && !t && !s && e.indexOf(".") > -1 && (e = o[0], t = o[1], s = o.slice(2).join(".")), d || !c || !y(s) ? d : O1(this.data && this.data[e] && this.data[e][t], s, l);
   }
   addResource(e, t, s, n) {
     let l = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {
@@ -8050,8 +8101,8 @@ class $1 extends y1 {
       skipCopy: !1
     }, o = [e, t];
     e.indexOf(".") > -1 && (o = e.split("."), n = s, s = t, t = o[1]), this.addNamespaces(t);
-    let d = v1(this.data, o) || {};
-    c.skipCopy || (s = JSON.parse(JSON.stringify(s))), n ? he(d, s, l) : d = {
+    let d = M1(this.data, o) || {};
+    c.skipCopy || (s = JSON.parse(JSON.stringify(s))), n ? de(d, s, l) : d = {
       ...d,
       ...s
     }, F1(this.data, o, d), c.silent || this.emit("added", e, t, s);
@@ -8078,7 +8129,7 @@ class $1 extends y1 {
     return this.data;
   }
 }
-var ce = {
+var ge = {
   processors: {},
   addPostProcessor(i) {
     this.processors[i.name] = i;
@@ -8089,11 +8140,11 @@ var ce = {
     }), e;
   }
 };
-const U1 = {};
-class M1 extends y1 {
+const z1 = {};
+class b1 extends _1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    super(), M3(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = q.create("translator");
+    super(), E3(["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);
@@ -8112,7 +8163,7 @@ class M1 extends y1 {
     s === void 0 && (s = ":");
     const n = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator;
     let l = t.ns || this.options.defaultNS || [];
-    const c = s && e.indexOf(s) > -1, o = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !S3(e, s, n);
+    const c = s && e.indexOf(s) > -1, o = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !W3(e, s, n);
     if (c && !o) {
       const d = e.match(this.interpolator.nestingRegexp);
       if (d && d.length > 0)
@@ -8139,15 +8190,15 @@ class M1 extends y1 {
     } = this.extractFromKey(e[e.length - 1], t), d = o[o.length - 1], g = t.lng || this.language, a = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
     if (g && g.toLowerCase() === "cimode") {
       if (a) {
-        const f = t.nsSeparator || this.options.nsSeparator;
+        const p = t.nsSeparator || this.options.nsSeparator;
         return n ? {
-          res: `${d}${f}${c}`,
+          res: `${d}${p}${c}`,
           usedKey: c,
           exactUsedKey: c,
           usedLng: g,
           usedNS: d,
           usedParams: this.getUsedParamsDetails(t)
-        } : `${d}${f}${c}`;
+        } : `${d}${p}${c}`;
       }
       return n ? {
         res: c,
@@ -8160,64 +8211,64 @@ class M1 extends y1 {
     }
     const h = this.resolve(e, t);
     let u = h && h.res;
-    const p = h && h.usedKey || c, k = h && h.exactUsedKey || c, x = Object.prototype.toString.apply(u), N = ["[object Number]", "[object Function]", "[object RegExp]"], V = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, b = !this.i18nFormat || this.i18nFormat.handleAsObject, _ = !y(u) && typeof u != "boolean" && typeof u != "number";
-    if (b && u && _ && N.indexOf(x) < 0 && !(y(V) && Array.isArray(u))) {
+    const f = h && h.usedKey || c, k = h && h.exactUsedKey || c, x = Object.prototype.toString.apply(u), N = ["[object Number]", "[object Function]", "[object RegExp]"], E = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, b = !this.i18nFormat || this.i18nFormat.handleAsObject, V = !y(u) && typeof u != "boolean" && typeof u != "number";
+    if (b && u && V && N.indexOf(x) < 0 && !(y(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, u, {
+        const p = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(f, u, {
           ...t,
           ns: o
         }) : `key '${c} (${this.language})' returned an object instead of string.`;
-        return n ? (h.res = f, h.usedParams = this.getUsedParamsDetails(t), h) : f;
+        return n ? (h.res = p, h.usedParams = this.getUsedParamsDetails(t), h) : p;
       }
       if (l) {
-        const f = Array.isArray(u), L = f ? [] : {}, v = f ? k : p;
+        const p = Array.isArray(u), L = p ? [] : {}, v = p ? k : f;
         for (const w in u)
           if (Object.prototype.hasOwnProperty.call(u, w)) {
-            const O = `${v}${l}${w}`;
-            L[w] = this.translate(O, {
+            const H = `${v}${l}${w}`;
+            L[w] = this.translate(H, {
               ...t,
               joinArrays: !1,
               ns: o
-            }), L[w] === O && (L[w] = u[w]);
+            }), L[w] === H && (L[w] = u[w]);
           }
         u = L;
       }
-    } else if (b && y(V) && Array.isArray(u))
-      u = u.join(V), u && (u = this.extendTranslation(u, e, t, s));
+    } else if (b && y(E) && Array.isArray(u))
+      u = u.join(E), u && (u = this.extendTranslation(u, e, t, s));
     else {
-      let f = !1, L = !1;
-      const v = t.count !== void 0 && !y(t.count), w = M1.hasDefaultValue(t), O = v ? this.pluralResolver.getSuffix(g, t.count, t) : "", T = t.ordinal && v ? this.pluralResolver.getSuffix(g, t.count, {
+      let p = !1, L = !1;
+      const v = t.count !== void 0 && !y(t.count), w = b1.hasDefaultValue(t), H = v ? this.pluralResolver.getSuffix(g, t.count, t) : "", F = t.ordinal && v ? this.pluralResolver.getSuffix(g, t.count, {
         ordinal: !1
-      }) : "", P = v && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), G = P && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${O}`] || t[`defaultValue${T}`] || t.defaultValue;
-      !this.isValidLookup(u) && w && (f = !0, u = G), this.isValidLookup(u) || (L = !0, u = c);
-      const F = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && L ? void 0 : u, $ = w && G !== u && this.options.updateMissing;
-      if (L || f || $) {
-        if (this.logger.log($ ? "updateKey" : "missingKey", g, d, c, $ ? G : u), l) {
-          const A = this.resolve(c, {
+      }) : "", W = v && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), K = W && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${H}`] || t[`defaultValue${F}`] || t.defaultValue;
+      !this.isValidLookup(u) && w && (p = !0, u = K), this.isValidLookup(u) || (L = !0, u = c);
+      const A = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && L ? void 0 : u, T = w && K !== u && this.options.updateMissing;
+      if (L || p || T) {
+        if (this.logger.log(T ? "updateKey" : "missingKey", g, d, c, T ? K : u), l) {
+          const B = this.resolve(c, {
             ...t,
             keySeparator: !1
           });
-          A && A.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
+          B && B.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
         }
         let U = [];
-        const Q = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
-        if (this.options.saveMissingTo === "fallback" && Q && Q[0])
-          for (let A = 0; A < Q.length; A++)
-            U.push(Q[A]);
+        const q = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
+        if (this.options.saveMissingTo === "fallback" && q && q[0])
+          for (let B = 0; B < q.length; B++)
+            U.push(q[B]);
         else this.options.saveMissingTo === "all" ? U = this.languageUtils.toResolveHierarchy(t.lng || this.language) : U.push(t.lng || this.language);
-        const X = (A, W, z) => {
-          const J = w && z !== u ? z : F;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(A, d, W, J, $, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(A, d, W, J, $, t), this.emit("missingKey", A, d, W, u);
+        const X = (B, P, G) => {
+          const e1 = w && G !== u ? G : A;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(B, d, P, e1, T, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(B, d, P, e1, T, t), this.emit("missingKey", B, d, P, u);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && v ? U.forEach((A) => {
-          const W = this.pluralResolver.getSuffixes(A, t);
-          P && t[`defaultValue${this.options.pluralSeparator}zero`] && W.indexOf(`${this.options.pluralSeparator}zero`) < 0 && W.push(`${this.options.pluralSeparator}zero`), W.forEach((z) => {
-            X([A], c + z, t[`defaultValue${z}`] || G);
+        this.options.saveMissing && (this.options.saveMissingPlurals && v ? U.forEach((B) => {
+          const P = this.pluralResolver.getSuffixes(B, t);
+          W && t[`defaultValue${this.options.pluralSeparator}zero`] && P.indexOf(`${this.options.pluralSeparator}zero`) < 0 && P.push(`${this.options.pluralSeparator}zero`), P.forEach((G) => {
+            X([B], c + G, t[`defaultValue${G}`] || K);
           });
-        }) : X(U, c, G));
+        }) : X(U, c, K));
       }
-      u = this.extendTranslation(u, e, t, h, s), L && u === c && this.options.appendNamespaceToMissingKey && (u = `${d}:${c}`), (L || f) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? u = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, f ? u : void 0) : u = this.options.parseMissingKeyHandler(u));
+      u = this.extendTranslation(u, e, t, h, s), L && u === c && this.options.appendNamespaceToMissingKey && (u = `${d}:${c}`), (L || p) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? u = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, p ? u : void 0) : u = this.options.parseMissingKeyHandler(u));
     }
     return n ? (h.res = u, h.usedParams = this.getUsedParamsDetails(t), h) : u;
   }
@@ -8249,17 +8300,17 @@ class M1 extends y1 {
         ...this.options.interpolation.defaultVariables,
         ...h
       }), e = this.interpolator.interpolate(e, h, s.lng || this.language || n.usedLng, s), g) {
-        const u = e.match(this.interpolator.nestingRegexp), p = u && u.length;
-        a < p && (s.nest = !1);
+        const u = e.match(this.interpolator.nestingRegexp), f = u && u.length;
+        a < f && (s.nest = !1);
       }
       !s.lng && this.options.compatibilityAPI !== "v1" && n && n.res && (s.lng = this.language || n.usedLng), s.nest !== !1 && (e = this.interpolator.nest(e, function() {
-        for (var u = arguments.length, p = new Array(u), k = 0; k < u; k++)
-          p[k] = arguments[k];
-        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);
+        for (var u = arguments.length, f = new Array(u), k = 0; k < u; k++)
+          f[k] = arguments[k];
+        return l && l[0] === f[0] && !s.context ? (c.logger.warn(`It seems you are nesting recursively key: ${f[0]} in key: ${t[0]}`), null) : c.translate(...f, t);
       }, s)), s.interpolation && this.interpolator.reset();
     }
     const o = s.postProcess || this.options.postProcess, d = y(o) ? [o] : o;
-    return e != null && d && d.length && s.applyPostProcessor !== !1 && (e = ce.handle(d, e, t, this.options && this.options.postProcessPassResolved ? {
+    return e != null && d && d.length && s.applyPostProcessor !== !1 && (e = ge.handle(d, e, t, this.options && this.options.postProcessPassResolved ? {
       i18nResolved: {
         ...n,
         usedParams: this.getUsedParamsDetails(s)
@@ -8275,26 +8326,26 @@ class M1 extends y1 {
       n = a;
       let h = g.namespaces;
       this.options.fallbackNS && (h = h.concat(this.options.fallbackNS));
-      const u = t.count !== void 0 && !y(t.count), p = u && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), k = t.context !== void 0 && (y(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 && !y(t.count), f = u && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), k = t.context !== void 0 && (y(t.context) || typeof t.context == "number") && t.context !== "", x = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
       h.forEach((N) => {
-        this.isValidLookup(s) || (o = N, !U1[`${x[0]}-${N}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(o) && (U1[`${x[0]}-${N}`] = !0, this.logger.warn(`key "${n}" for languages "${x.join(", ")}" won't get resolved as namespace "${o}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), x.forEach((V) => {
+        this.isValidLookup(s) || (o = N, !z1[`${x[0]}-${N}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(o) && (z1[`${x[0]}-${N}`] = !0, this.logger.warn(`key "${n}" for languages "${x.join(", ")}" won't get resolved as namespace "${o}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), x.forEach((E) => {
           if (this.isValidLookup(s)) return;
-          c = V;
+          c = E;
           const b = [a];
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
-            this.i18nFormat.addLookupKeys(b, a, V, N, t);
+            this.i18nFormat.addLookupKeys(b, a, E, N, t);
           else {
-            let f;
-            u && (f = this.pluralResolver.getSuffix(V, t.count, t));
+            let p;
+            u && (p = this.pluralResolver.getSuffix(E, t.count, t));
             const L = `${this.options.pluralSeparator}zero`, v = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (u && (b.push(a + f), t.ordinal && f.indexOf(v) === 0 && b.push(a + f.replace(v, this.options.pluralSeparator)), p && b.push(a + L)), k) {
+            if (u && (b.push(a + p), t.ordinal && p.indexOf(v) === 0 && b.push(a + p.replace(v, this.options.pluralSeparator)), f && b.push(a + L)), k) {
               const w = `${a}${this.options.contextSeparator}${t.context}`;
-              b.push(w), u && (b.push(w + f), t.ordinal && f.indexOf(v) === 0 && b.push(w + f.replace(v, this.options.pluralSeparator)), p && b.push(w + L));
+              b.push(w), u && (b.push(w + p), t.ordinal && p.indexOf(v) === 0 && b.push(w + p.replace(v, this.options.pluralSeparator)), f && b.push(w + L));
             }
           }
-          let _;
-          for (; _ = b.pop(); )
-            this.isValidLookup(s) || (l = _, s = this.getResource(V, N, _, t));
+          let V;
+          for (; V = b.pop(); )
+            this.isValidLookup(s) || (l = V, s = this.getResource(E, N, V, t));
         }));
       });
     }), {
@@ -8336,18 +8387,18 @@ class M1 extends y1 {
     return !1;
   }
 }
-const _1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
-class z1 {
+const V1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
+class J1 {
   constructor(e) {
-    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = q.create("languageUtils");
+    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = J.create("languageUtils");
   }
   getScriptPartFromCode(e) {
-    if (e = N1(e), !e || e.indexOf("-") < 0) return null;
+    if (e = R1(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 = N1(e), !e || e.indexOf("-") < 0) return e;
+    if (e = R1(e), !e || e.indexOf("-") < 0) return e;
     const t = e.split("-");
     return this.formatLanguageCode(t[0]);
   }
@@ -8361,7 +8412,7 @@ class z1 {
         }
       const t = ["hans", "hant", "latn", "cyrl", "cans", "mong", "arab"];
       let s = e.split("-");
-      return this.options.lowerCaseLng ? s = s.map((n) => n.toLowerCase()) : s.length === 2 ? (s[0] = s[0].toLowerCase(), s[1] = s[1].toUpperCase(), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = _1(s[1].toLowerCase()))) : s.length === 3 && (s[0] = s[0].toLowerCase(), s[1].length === 2 && (s[1] = s[1].toUpperCase()), s[0] !== "sgn" && s[2].length === 2 && (s[2] = s[2].toUpperCase()), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = _1(s[1].toLowerCase())), t.indexOf(s[2].toLowerCase()) > -1 && (s[2] = _1(s[2].toLowerCase()))), s.join("-");
+      return this.options.lowerCaseLng ? s = s.map((n) => n.toLowerCase()) : s.length === 2 ? (s[0] = s[0].toLowerCase(), s[1] = s[1].toUpperCase(), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = V1(s[1].toLowerCase()))) : s.length === 3 && (s[0] = s[0].toLowerCase(), s[1].length === 2 && (s[1] = s[1].toUpperCase()), s[0] !== "sgn" && s[2].length === 2 && (s[2] = s[2].toUpperCase()), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = V1(s[1].toLowerCase())), t.indexOf(s[2].toLowerCase()) > -1 && (s[2] = V1(s[2].toLowerCase()))), s.join("-");
     }
     return this.options.cleanCode || this.options.lowerCaseLng ? e.toLowerCase() : e;
   }
@@ -8402,7 +8453,7 @@ class z1 {
     }), n;
   }
 }
-let A3 = [{
+let D3 = [{
   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
@@ -8494,7 +8545,7 @@ let A3 = [{
   lngs: ["he", "iw"],
   nr: [1, 2, 20, 21],
   fc: 22
-}], B3 = {
+}], T3 = {
   1: (i) => +(i > 1),
   2: (i) => +(i != 1),
   3: (i) => 0,
@@ -8518,28 +8569,28 @@ let A3 = [{
   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 Z3 = ["v1", "v2", "v3"], W3 = ["v4"], J1 = {
+const G3 = ["v1", "v2", "v3"], K3 = ["v4"], q1 = {
   zero: 0,
   one: 1,
   two: 2,
   few: 3,
   many: 4,
   other: 5
-}, j3 = () => {
+}, P3 = () => {
   const i = {};
-  return A3.forEach((e) => {
+  return D3.forEach((e) => {
     e.lngs.forEach((t) => {
       i[t] = {
         numbers: e.nr,
-        plurals: B3[e.fc]
+        plurals: T3[e.fc]
       };
     });
   }), i;
 };
-class D3 {
+class $3 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.languageUtils = e, this.options = t, this.logger = q.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 = j3(), 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 = P3(), this.pluralRulesCache = {};
   }
   addRule(e, t) {
     this.rules[e] = t;
@@ -8550,7 +8601,7 @@ class D3 {
   getRule(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (this.shouldUseIntlApi()) {
-      const s = N1(e === "dev" ? "en" : e), n = t.ordinal ? "ordinal" : "cardinal", l = JSON.stringify({
+      const s = R1(e === "dev" ? "en" : e), n = t.ordinal ? "ordinal" : "cardinal", l = JSON.stringify({
         cleanedCode: s,
         type: n
       });
@@ -8582,7 +8633,7 @@ class D3 {
   getSuffixes(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     const s = this.getRule(e, t);
-    return s ? this.shouldUseIntlApi() ? s.resolvedOptions().pluralCategories.sort((n, l) => J1[n] - J1[l]).map((n) => `${this.options.prepend}${t.ordinal ? `ordinal${this.options.prepend}` : ""}${n}`) : s.numbers.map((n) => this.getSuffix(e, n, t)) : [];
+    return s ? this.shouldUseIntlApi() ? s.resolvedOptions().pluralCategories.sort((n, l) => q1[n] - q1[l]).map((n) => `${this.options.prepend}${t.ordinal ? `ordinal${this.options.prepend}` : ""}${n}`) : s.numbers.map((n) => this.getSuffix(e, n, t)) : [];
   }
   getSuffix(e, t) {
     let s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
@@ -8597,17 +8648,17 @@ class D3 {
     return this.options.compatibilityJSON === "v1" ? n === 1 ? "" : typeof n == "number" ? `_plural_${n.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 !Z3.includes(this.options.compatibilityJSON);
+    return !G3.includes(this.options.compatibilityJSON);
   }
 }
-const q1 = function(i, e, t) {
-  let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", n = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, l = b3(i, e, t);
-  return !l && n && y(t) && (l = H1(i, t, s), l === void 0 && (l = H1(e, t, s))), l;
-}, E1 = (i) => i.replace(/\$/g, "$$$$");
-class T3 {
+const Q1 = function(i, e, t) {
+  let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", n = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, l = I3(i, e, t);
+  return !l && n && y(t) && (l = O1(i, t, s), l === void 0 && (l = O1(e, t, s))), l;
+}, H1 = (i) => i.replace(/\$/g, "$$$$");
+class Y3 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = q.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
+    this.logger = J.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
   }
   init() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -8626,14 +8677,14 @@ class T3 {
       unescapeSuffix: a,
       unescapePrefix: h,
       nestingPrefix: u,
-      nestingPrefixEscaped: p,
+      nestingPrefixEscaped: f,
       nestingSuffix: k,
       nestingSuffixEscaped: x,
       nestingOptionsSeparator: N,
-      maxReplaces: V,
+      maxReplaces: E,
       alwaysFormat: b
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : E3, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = l ? o1(l) : c || "{{", this.suffix = o ? o1(o) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = a ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : a || "", this.nestingPrefix = u ? o1(u) : p || o1("$t("), this.nestingSuffix = k ? o1(k) : x || o1(")"), this.nestingOptionsSeparator = N || ",", this.maxReplaces = V || 1e3, this.alwaysFormat = b !== void 0 ? b : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : S3, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = l ? h1(l) : c || "{{", this.suffix = o ? h1(o) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = a ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : a || "", this.nestingPrefix = u ? h1(u) : f || h1("$t("), this.nestingSuffix = k ? h1(k) : x || h1(")"), this.nestingOptionsSeparator = N || ",", this.maxReplaces = E || 1e3, this.alwaysFormat = b !== void 0 ? b : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -8644,17 +8695,17 @@ class T3 {
   }
   interpolate(e, t, s, n) {
     let l, c, o;
-    const d = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, g = (p) => {
-      if (p.indexOf(this.formatSeparator) < 0) {
-        const V = q1(t, d, p, this.options.keySeparator, this.options.ignoreJSONStructure);
-        return this.alwaysFormat ? this.format(V, void 0, s, {
+    const d = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, g = (f) => {
+      if (f.indexOf(this.formatSeparator) < 0) {
+        const E = Q1(t, d, f, this.options.keySeparator, this.options.ignoreJSONStructure);
+        return this.alwaysFormat ? this.format(E, void 0, s, {
           ...n,
           ...t,
-          interpolationkey: p
-        }) : V;
+          interpolationkey: f
+        }) : E;
       }
-      const k = p.split(this.formatSeparator), x = k.shift().trim(), N = k.join(this.formatSeparator).trim();
-      return this.format(q1(t, d, x, this.options.keySeparator, this.options.ignoreJSONStructure), N, s, {
+      const k = f.split(this.formatSeparator), x = k.shift().trim(), N = k.join(this.formatSeparator).trim();
+      return this.format(Q1(t, d, x, this.options.keySeparator, this.options.ignoreJSONStructure), N, s, {
         ...n,
         ...t,
         interpolationkey: x
@@ -8664,12 +8715,12 @@ class T3 {
     const a = n && n.missingInterpolationHandler || this.options.missingInterpolationHandler, h = n && n.interpolation && n.interpolation.skipOnVariables !== void 0 ? n.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
     return [{
       regex: this.regexpUnescape,
-      safeValue: (p) => E1(p)
+      safeValue: (f) => H1(f)
     }, {
       regex: this.regexp,
-      safeValue: (p) => this.escapeValue ? E1(this.escape(p)) : E1(p)
-    }].forEach((p) => {
-      for (o = 0; l = p.regex.exec(e); ) {
+      safeValue: (f) => this.escapeValue ? H1(this.escape(f)) : H1(f)
+    }].forEach((f) => {
+      for (o = 0; l = f.regex.exec(e); ) {
         const k = l[1].trim();
         if (c = g(k), c === void 0)
           if (typeof a == "function") {
@@ -8682,9 +8733,9 @@ class T3 {
             continue;
           } else
             this.logger.warn(`missed to pass in variable ${k} for interpolating ${e}`), c = "";
-        else !y(c) && !this.useRawValueToEscape && (c = K1(c));
-        const x = p.safeValue(c);
-        if (e = e.replace(l[0], x), h ? (p.regex.lastIndex += c.length, p.regex.lastIndex -= l[0].length) : p.regex.lastIndex = 0, o++, o >= this.maxReplaces)
+        else !y(c) && !this.useRawValueToEscape && (c = P1(c));
+        const x = f.safeValue(c);
+        if (e = e.replace(l[0], x), h ? (f.regex.lastIndex += c.length, f.regex.lastIndex -= l[0].length) : f.regex.lastIndex = 0, o++, o >= this.maxReplaces)
           break;
       }
     }), e;
@@ -8697,8 +8748,8 @@ class T3 {
       const h = d.split(new RegExp(`${a}[ ]*{`));
       let u = `{${h[1]}`;
       d = h[0], u = this.interpolate(u, c);
-      const p = u.match(/'/g), k = u.match(/"/g);
-      (p && p.length % 2 === 0 && !k || k.length % 2 !== 0) && (u = u.replace(/'/g, '"'));
+      const f = u.match(/'/g), k = u.match(/"/g);
+      (f && f.length % 2 === 0 && !k || k.length % 2 !== 0) && (u = u.replace(/'/g, '"'));
       try {
         c = JSON.parse(u), g && (c = {
           ...g,
@@ -8720,7 +8771,7 @@ class T3 {
         n[1] = a.shift(), d = a, g = !0;
       }
       if (l = t(o.call(this, n[1].trim(), c), c), l && n[0] === e && !y(l)) return l;
-      y(l) || (l = K1(l)), l || (this.logger.warn(`missed to resolve ${n[1]} for nesting ${e}`), l = ""), g && (l = d.reduce((a, h) => this.format(a, h, s.lng, {
+      y(l) || (l = P1(l)), l || (this.logger.warn(`missed to resolve ${n[1]} for nesting ${e}`), l = ""), g && (l = d.reduce((a, h) => this.format(a, h, s.lng, {
         ...s,
         interpolationkey: n[1].trim()
       }), l.trim())), e = e.replace(n[0], l), this.regexp.lastIndex = 0;
@@ -8728,7 +8779,7 @@ class T3 {
     return e;
   }
 }
-const G3 = (i) => {
+const F3 = (i) => {
   let e = i.toLowerCase().trim();
   const t = {};
   if (i.indexOf("(") > -1) {
@@ -8746,7 +8797,7 @@ const G3 = (i) => {
     formatName: e,
     formatOptions: t
   };
-}, l1 = (i) => {
+}, c1 = (i) => {
   const e = {};
   return (t, s, n) => {
     let l = n;
@@ -8756,39 +8807,39 @@ const G3 = (i) => {
     });
     const c = s + JSON.stringify(l);
     let o = e[c];
-    return o || (o = i(N1(s), n), e[c] = o), o(t);
+    return o || (o = i(R1(s), n), e[c] = o), o(t);
   };
 };
-class K3 {
+class U3 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = q.create("formatter"), this.options = e, this.formats = {
-      number: l1((t, s) => {
+    this.logger = J.create("formatter"), this.options = e, this.formats = {
+      number: c1((t, s) => {
         const n = new Intl.NumberFormat(t, {
           ...s
         });
         return (l) => n.format(l);
       }),
-      currency: l1((t, s) => {
+      currency: c1((t, s) => {
         const n = new Intl.NumberFormat(t, {
           ...s,
           style: "currency"
         });
         return (l) => n.format(l);
       }),
-      datetime: l1((t, s) => {
+      datetime: c1((t, s) => {
         const n = new Intl.DateTimeFormat(t, {
           ...s
         });
         return (l) => n.format(l);
       }),
-      relativetime: l1((t, s) => {
+      relativetime: c1((t, s) => {
         const n = new Intl.RelativeTimeFormat(t, {
           ...s
         });
         return (l) => n.format(l, s.range || "day");
       }),
-      list: l1((t, s) => {
+      list: c1((t, s) => {
         const n = new Intl.ListFormat(t, {
           ...s
         });
@@ -8806,7 +8857,7 @@ class K3 {
     this.formats[e.toLowerCase().trim()] = t;
   }
   addCached(e, t) {
-    this.formats[e.toLowerCase().trim()] = l1(t);
+    this.formats[e.toLowerCase().trim()] = c1(t);
   }
   format(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
@@ -8819,12 +8870,12 @@ class K3 {
       const {
         formatName: g,
         formatOptions: a
-      } = G3(d);
+      } = F3(d);
       if (this.formats[g]) {
         let h = o;
         try {
-          const u = n && n.formatParams && n.formatParams[n.interpolationkey] || {}, p = u.locale || u.lng || n.locale || n.lng || s;
-          h = this.formats[g](o, p, {
+          const u = n && n.formatParams && n.formatParams[n.interpolationkey] || {}, f = u.locale || u.lng || n.locale || n.lng || s;
+          h = this.formats[g](o, f, {
             ...a,
             ...n,
             ...u
@@ -8839,13 +8890,13 @@ class K3 {
     }, e);
   }
 }
-const P3 = (i, e) => {
+const z3 = (i, e) => {
   i.pending[e] !== void 0 && (delete i.pending[e], i.pendingCount--);
 };
-class Y3 extends y1 {
+class J3 extends _1 {
   constructor(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
-    super(), this.backend = e, this.store = t, this.services = s, this.languageUtils = s.languageUtils, this.options = n, this.logger = q.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = n.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = n.maxRetries >= 0 ? n.maxRetries : 5, this.retryTimeout = n.retryTimeout >= 1 ? n.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, n.backend, n);
+    super(), this.backend = e, this.store = t, this.services = s, this.languageUtils = s.languageUtils, this.options = n, this.logger = J.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = n.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = n.maxRetries >= 0 ? n.maxRetries : 5, this.retryTimeout = n.retryTimeout >= 1 ? n.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, n.backend, n);
   }
   queueLoad(e, t, s, n) {
     const l = {}, c = {}, o = {}, d = {};
@@ -8875,7 +8926,7 @@ class Y3 extends y1 {
     }), this.state[e] = t ? -1 : 2, t && s && (this.state[e] = 0);
     const o = {};
     this.queue.forEach((d) => {
-      y3(d.loaded, [l], c), P3(d, e), t && d.errors.push(t), d.pendingCount === 0 && !d.done && (Object.keys(d.loaded).forEach((g) => {
+      H3(d.loaded, [l], c), z3(d, e), t && d.errors.push(t), d.pendingCount === 0 && !d.done && (Object.keys(d.loaded).forEach((g) => {
         o[g] || (o[g] = {});
         const a = d.loaded[g];
         a.length && a.forEach((h) => {
@@ -8977,7 +9028,7 @@ class Y3 extends y1 {
     }
   }
 }
-const Q1 = () => ({
+const X1 = () => ({
   debug: !1,
   initImmediate: !0,
   ns: ["translation"],
@@ -9033,18 +9084,18 @@ const Q1 = () => ({
     maxReplaces: 1e3,
     skipOnVariables: !0
   }
-}), X1 = (i) => (y(i.ns) && (i.ns = [i.ns]), y(i.fallbackLng) && (i.fallbackLng = [i.fallbackLng]), y(i.fallbackNS) && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), k1 = () => {
-}, F3 = (i) => {
+}), ee = (i) => (y(i.ns) && (i.ns = [i.ns]), y(i.fallbackLng) && (i.fallbackLng = [i.fallbackLng]), y(i.fallbackNS) && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), x1 = () => {
+}, q3 = (i) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(i)).forEach((t) => {
     typeof i[t] == "function" && (i[t] = i[t].bind(i));
   });
 };
-class u1 extends y1 {
+class m1 extends _1 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    if (super(), this.options = X1(e), this.services = {}, this.logger = q, this.modules = {
+    if (super(), this.options = ee(e), this.services = {}, this.logger = J, this.modules = {
       external: []
-    }, F3(this), t && !this.isInitialized && !e.isClone) {
+    }, q3(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initImmediate)
         return this.init(e, t), this;
       setTimeout(() => {
@@ -9056,42 +9107,42 @@ class u1 extends y1 {
     var e = this;
     let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, s = arguments.length > 1 ? arguments[1] : void 0;
     this.isInitializing = !0, typeof t == "function" && (s = t, t = {}), !t.defaultNS && t.defaultNS !== !1 && t.ns && (y(t.ns) ? t.defaultNS = t.ns : t.ns.indexOf("translation") < 0 && (t.defaultNS = t.ns[0]));
-    const n = Q1();
+    const n = X1();
     this.options = {
       ...n,
       ...this.options,
-      ...X1(t)
+      ...ee(t)
     }, this.options.compatibilityAPI !== "v1" && (this.options.interpolation = {
       ...n.interpolation,
       ...this.options.interpolation
     }), t.keySeparator !== void 0 && (this.options.userDefinedKeySeparator = t.keySeparator), t.nsSeparator !== void 0 && (this.options.userDefinedNsSeparator = t.nsSeparator);
     const l = (a) => a ? typeof a == "function" ? new a() : a : null;
     if (!this.options.isClone) {
-      this.modules.logger ? q.init(l(this.modules.logger), this.options) : q.init(null, this.options);
+      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 = K3);
-      const h = new z1(this.options);
-      this.store = new $1(this.options.resources, this.options);
+      this.modules.formatter ? a = this.modules.formatter : typeof Intl < "u" && (a = U3);
+      const h = new J1(this.options);
+      this.store = new U1(this.options.resources, this.options);
       const u = this.services;
-      u.logger = q, u.resourceStore = this.store, u.languageUtils = h, u.pluralResolver = new D3(h, {
+      u.logger = J, u.resourceStore = this.store, u.languageUtils = h, u.pluralResolver = new $3(h, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
-      }), a && (!this.options.interpolation.format || this.options.interpolation.format === n.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 T3(this.options), u.utils = {
+      }), a && (!this.options.interpolation.format || this.options.interpolation.format === n.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 Y3(this.options), u.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      }, u.backendConnector = new Y3(l(this.modules.backend), u.resourceStore, u, this.options), u.backendConnector.on("*", function(p) {
+      }, u.backendConnector = new J3(l(this.modules.backend), u.resourceStore, u, this.options), u.backendConnector.on("*", function(f) {
         for (var k = arguments.length, x = new Array(k > 1 ? k - 1 : 0), N = 1; N < k; N++)
           x[N - 1] = arguments[N];
-        e.emit(p, ...x);
-      }), 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 M1(this.services, this.options), this.translator.on("*", function(p) {
+        e.emit(f, ...x);
+      }), 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 b1(this.services, this.options), this.translator.on("*", function(f) {
         for (var k = arguments.length, x = new Array(k > 1 ? k - 1 : 0), N = 1; N < k; N++)
           x[N - 1] = arguments[N];
-        e.emit(p, ...x);
-      }), this.modules.external.forEach((p) => {
-        p.init && p.init(this);
+        e.emit(f, ...x);
+      }), this.modules.external.forEach((f) => {
+        f.init && f.init(this);
       });
     }
-    if (this.format = this.options.interpolation.format, s || (s = k1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
+    if (this.format = this.options.interpolation.format, s || (s = x1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
       const a = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
       a.length > 0 && a[0] !== "dev" && (this.options.lng = a[0]);
     }
@@ -9104,7 +9155,7 @@ class u1 extends y1 {
         return e.store[a](...arguments), e;
       };
     });
-    const d = d1(), g = () => {
+    const d = u1(), g = () => {
       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);
       };
@@ -9114,7 +9165,7 @@ class u1 extends y1 {
     return this.options.resources || !this.options.initImmediate ? g() : setTimeout(g, 0), d;
   }
   loadResources(e) {
-    let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : k1;
+    let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : x1;
     const n = y(e) ? e : this.language;
     if (typeof e == "function" && (s = e), !this.options.resources || this.options.partialBundledLanguages) {
       if (n && n.toLowerCase() === "cimode" && (!this.options.preload || this.options.preload.length === 0)) return s();
@@ -9131,15 +9182,15 @@ class u1 extends y1 {
       s(null);
   }
   reloadResources(e, t, s) {
-    const n = d1();
-    return typeof e == "function" && (s = e, e = void 0), typeof t == "function" && (s = t, t = void 0), e || (e = this.languages), t || (t = this.options.ns), s || (s = k1), this.services.backendConnector.reload(e, t, (l) => {
+    const n = u1();
+    return typeof e == "function" && (s = e, e = void 0), typeof t == "function" && (s = t, t = void 0), e || (e = this.languages), t || (t = this.options.ns), s || (s = x1), this.services.backendConnector.reload(e, t, (l) => {
       n.resolve(), s(l);
     }), n;
   }
   use(e) {
     if (!e) throw new Error("You are passing an undefined module! Please check the object you are passing to i18next.use()");
     if (!e.type) throw new Error("You are passing a wrong module! Please check the object you are passing to i18next.use()");
-    return e.type === "backend" && (this.modules.backend = e), (e.type === "logger" || e.log && e.warn && e.error) && (this.modules.logger = e), e.type === "languageDetector" && (this.modules.languageDetector = e), e.type === "i18nFormat" && (this.modules.i18nFormat = e), e.type === "postProcessor" && ce.addPostProcessor(e), e.type === "formatter" && (this.modules.formatter = e), e.type === "3rdParty" && this.modules.external.push(e), this;
+    return e.type === "backend" && (this.modules.backend = e), (e.type === "logger" || e.log && e.warn && e.error) && (this.modules.logger = e), e.type === "languageDetector" && (this.modules.languageDetector = e), e.type === "i18nFormat" && (this.modules.i18nFormat = e), e.type === "postProcessor" && ge.addPostProcessor(e), e.type === "formatter" && (this.modules.formatter = e), e.type === "3rdParty" && this.modules.external.push(e), this;
   }
   setResolvedLanguage(e) {
     if (!(!e || !this.languages) && !(["cimode", "dev"].indexOf(e) > -1))
@@ -9154,7 +9205,7 @@ class u1 extends y1 {
   changeLanguage(e, t) {
     var s = this;
     this.isLanguageChangingTo = e;
-    const n = d1();
+    const n = u1();
     this.emit("languageChanging", e);
     const l = (d) => {
       this.language = d, this.languages = this.services.languageUtils.toResolveHierarchy(d), this.resolvedLanguage = void 0, this.setResolvedLanguage(d);
@@ -9187,8 +9238,8 @@ class u1 extends y1 {
         };
       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 u = n.options.keySeparator || ".";
-      let p;
-      return d.keyPrefix && Array.isArray(c) ? p = c.map((k) => `${d.keyPrefix}${u}${k}`) : p = d.keyPrefix ? `${d.keyPrefix}${u}${c}` : c, n.t(p, d);
+      let f;
+      return d.keyPrefix && Array.isArray(c) ? f = c.map((k) => `${d.keyPrefix}${u}${k}`) : f = d.keyPrefix ? `${d.keyPrefix}${u}${c}` : c, n.t(f, d);
     };
     return y(e) ? l.lng = e : l.lngs = e, l.ns = t, l.keyPrefix = s, l;
   }
@@ -9220,7 +9271,7 @@ class u1 extends y1 {
     return !!(this.hasResourceBundle(s, e) || !this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages || c(s, e) && (!n || c(l, e)));
   }
   loadNamespaces(e, t) {
-    const s = d1();
+    const s = u1();
     return this.options.ns ? (y(e) && (e = [e]), e.forEach((n) => {
       this.options.ns.indexOf(n) < 0 && this.options.ns.push(n);
     }), this.loadResources((n) => {
@@ -9228,7 +9279,7 @@ class u1 extends y1 {
     }), s) : (t && t(), Promise.resolve());
   }
   loadLanguages(e, t) {
-    const s = d1();
+    const s = u1();
     y(e) && (e = [e]);
     const n = this.options.preload || [], l = e.filter((c) => n.indexOf(c) < 0 && this.services.languageUtils.isSupportedCode(c));
     return l.length ? (this.options.preload = n.concat(l), this.loadResources((c) => {
@@ -9237,29 +9288,29 @@ class u1 extends y1 {
   }
   dir(e) {
     if (e || (e = this.resolvedLanguage || (this.languages && this.languages.length > 0 ? this.languages[0] : this.language)), !e) return "rtl";
-    const t = ["ar", "shu", "sqr", "ssh", "xaa", "yhd", "yud", "aao", "abh", "abv", "acm", "acq", "acw", "acx", "acy", "adf", "ads", "aeb", "aec", "afb", "ajp", "apc", "apd", "arb", "arq", "ars", "ary", "arz", "auz", "avl", "ayh", "ayl", "ayn", "ayp", "bbz", "pga", "he", "iw", "ps", "pbt", "pbu", "pst", "prp", "prd", "ug", "ur", "ydd", "yds", "yih", "ji", "yi", "hbo", "men", "xmn", "fa", "jpr", "peo", "pes", "prs", "dv", "sam", "ckb"], s = this.services && this.services.languageUtils || new z1(Q1());
+    const t = ["ar", "shu", "sqr", "ssh", "xaa", "yhd", "yud", "aao", "abh", "abv", "acm", "acq", "acw", "acx", "acy", "adf", "ads", "aeb", "aec", "afb", "ajp", "apc", "apd", "arb", "arq", "ars", "ary", "arz", "auz", "avl", "ayh", "ayl", "ayn", "ayp", "bbz", "pga", "he", "iw", "ps", "pbt", "pbu", "pst", "prp", "prd", "ug", "ur", "ydd", "yds", "yih", "ji", "yi", "hbo", "men", "xmn", "fa", "jpr", "peo", "pes", "prs", "dv", "sam", "ckb"], s = this.services && this.services.languageUtils || new J1(X1());
     return t.indexOf(s.getLanguagePartFromCode(e)) > -1 || e.toLowerCase().indexOf("-arab") > 1 ? "rtl" : "ltr";
   }
   static createInstance() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    return new u1(e, t);
+    return new m1(e, t);
   }
   cloneInstance() {
-    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : k1;
+    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : x1;
     const s = e.forkResourceStore;
     s && delete e.forkResourceStore;
     const n = {
       ...this.options,
       ...e,
       isClone: !0
-    }, l = new u1(n);
+    }, l = new m1(n);
     return (e.debug !== void 0 || e.prefix !== void 0) && (l.logger = l.logger.clone(e)), ["store", "services", "language"].forEach((o) => {
       l[o] = this[o];
     }), l.services = {
       ...this.services
     }, l.services.utils = {
       hasLoadedNamespace: l.hasLoadedNamespace.bind(l)
-    }, s && (l.store = new $1(this.store.data, n), l.services.resourceStore = l.store), l.translator = new M1(l.services, n), l.translator.on("*", function(o) {
+    }, s && (l.store = new U1(this.store.data, n), l.services.resourceStore = l.store), l.translator = new b1(l.services, n), l.translator.on("*", function(o) {
       for (var d = arguments.length, g = new Array(d > 1 ? d - 1 : 0), a = 1; a < d; a++)
         g[a - 1] = arguments[a];
       l.emit(o, ...g);
@@ -9277,8 +9328,8 @@ class u1 extends y1 {
     };
   }
 }
-const D = u1.createInstance();
-D.createInstance = u1.createInstance;
+const D = m1.createInstance();
+D.createInstance = m1.createInstance;
 D.createInstance;
 D.dir;
 D.init;
@@ -9293,20 +9344,20 @@ D.setDefaultNamespace;
 D.hasLoadedNamespace;
 D.loadNamespaces;
 D.loadLanguages;
-function $3() {
+function Q3() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
       e[t] = arguments[t];
-    i1(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
+    n1(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
   }
 }
-const ee = {};
-function I1() {
+const te = {};
+function S1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  i1(e[0]) && ee[e[0]] || (i1(e[0]) && (ee[e[0]] = /* @__PURE__ */ new Date()), $3(...e));
+  n1(e[0]) && te[e[0]] || (n1(e[0]) && (te[e[0]] = /* @__PURE__ */ new Date()), Q3(...e));
 }
-const de = (i, e) => () => {
+const Ce = (i, e) => () => {
   if (i.isInitialized)
     e();
   else {
@@ -9317,13 +9368,13 @@ const de = (i, e) => () => {
     };
     i.on("initialized", t);
   }
-}, te = (i, e, t) => {
-  i.loadNamespaces(e, de(i, t));
-}, ie = (i, e, t, s) => {
-  i1(t) && (t = [t]), t.forEach((n) => {
+}, ie = (i, e, t) => {
+  i.loadNamespaces(e, Ce(i, t));
+}, se = (i, e, t, s) => {
+  n1(t) && (t = [t]), t.forEach((n) => {
     i.options.ns.indexOf(n) < 0 && i.options.ns.push(n);
-  }), i.loadLanguages(e, de(i, s));
-}, U3 = function(i, e) {
+  }), i.loadLanguages(e, Ce(i, s));
+}, X3 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const s = e.languages[0], n = e.options ? e.options.fallbackLng : !1, l = e.languages[e.languages.length - 1];
   if (s.toLowerCase() === "cimode") return !0;
@@ -9332,15 +9383,15 @@ const de = (i, e) => () => {
     return g === -1 || g === 2;
   };
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !c(e.isLanguageChangingTo, i) ? !1 : !!(e.hasResourceBundle(s, i) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || c(s, i) && (!n || c(l, i)));
-}, z3 = function(i, e) {
+}, e0 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  return !e.languages || !e.languages.length ? (I1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
+  return !e.languages || !e.languages.length ? (S1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
     lng: t.lng,
     precheck: (n, l) => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && n.services.backendConnector.backend && n.isLanguageChangingTo && !l(n.isLanguageChangingTo, i)) return !1;
     }
-  }) : U3(i, e, t);
-}, i1 = (i) => typeof i == "string", J3 = (i) => typeof i == "object" && i !== null, q3 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Q3 = {
+  }) : X3(i, e, t);
+}, n1 = (i) => typeof i == "string", t0 = (i) => typeof i == "object" && i !== null, i0 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, s0 = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -9361,8 +9412,8 @@ const de = (i, e) => () => {
   "&#8230;": "…",
   "&#x2F;": "/",
   "&#47;": "/"
-}, X3 = (i) => Q3[i], e0 = (i) => i.replace(q3, X3);
-let S1 = {
+}, n0 = (i) => s0[i], r0 = (i) => i.replace(i0, n0);
+let A1 = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
   transEmptyNodeValue: "",
@@ -9370,27 +9421,27 @@ let S1 = {
   transWrapTextNodes: "",
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
-  unescape: e0
+  unescape: r0
 };
-const t0 = function() {
+const o0 = function() {
   let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  S1 = {
-    ...S1,
+  A1 = {
+    ...A1,
     ...i
   };
-}, i0 = () => S1;
-let ge;
-const s0 = (i) => {
-  ge = i;
-}, n0 = () => ge, r0 = {
+}, l0 = () => A1;
+let ue;
+const a0 = (i) => {
+  ue = i;
+}, h0 = () => ue, c0 = {
   type: "3rdParty",
   init(i) {
-    t0(i.options.react), s0(i);
+    o0(i.options.react), a0(i);
   }
-}, o0 = h1();
-class l0 {
+}, d0 = d1();
+class g0 {
   constructor() {
-    B1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
+    Z1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
     this.usedNamespaces = {};
   }
   addUsedNamespaces(e) {
@@ -9399,27 +9450,27 @@ class l0 {
     });
   }
 }
-const a0 = (i, e) => {
+const C0 = (i, e) => {
   const t = Y();
-  return B(() => {
+  return Z(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, Ce = (i, e, t, s) => i.getFixedT(e, t, s), h0 = (i, e, t, s) => j(Ce(i, e, t, s), [i, e, t, s]), c0 = function(i) {
+}, pe = (i, e, t, s) => i.getFixedT(e, t, s), u0 = (i, e, t, s) => j(pe(i, e, t, s), [i, e, t, s]), p0 = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
   } = e, {
     i18n: s,
     defaultNS: n
-  } = s1(o0) || {}, l = t || s || n0();
-  if (l && !l.reportNamespaces && (l.reportNamespaces = new l0()), !l) {
-    I1("You will need to pass in an i18next instance by using initReactI18next");
-    const f = (v, w) => i1(w) ? w : J3(w) && i1(w.defaultValue) ? w.defaultValue : Array.isArray(v) ? v[v.length - 1] : v, L = [f, {}, !1];
-    return L.t = f, L.i18n = {}, L.ready = !1, L;
+  } = r1(d0) || {}, l = t || s || h0();
+  if (l && !l.reportNamespaces && (l.reportNamespaces = new g0()), !l) {
+    S1("You will need to pass in an i18next instance by using initReactI18next");
+    const p = (v, w) => n1(w) ? w : t0(w) && n1(w.defaultValue) ? w.defaultValue : Array.isArray(v) ? v[v.length - 1] : v, L = [p, {}, !1];
+    return L.t = p, L.i18n = {}, L.ready = !1, L;
   }
-  l.options.react && l.options.react.wait !== void 0 && I1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
+  l.options.react && l.options.react.wait !== void 0 && S1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
-    ...i0(),
+    ...l0(),
     ...l.options.react,
     ...e
   }, {
@@ -9427,106 +9478,106 @@ const a0 = (i, e) => {
     keyPrefix: d
   } = c;
   let g = i;
-  g = i1(g) ? [g] : g || ["translation"], l.reportNamespaces.addUsedNamespaces && l.reportNamespaces.addUsedNamespaces(g);
-  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((f) => z3(f, l, c)), h = h0(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => Ce(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [k, x] = S(u);
+  g = n1(g) ? [g] : g || ["translation"], l.reportNamespaces.addUsedNamespaces && l.reportNamespaces.addUsedNamespaces(g);
+  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((p) => e0(p, l, c)), h = u0(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, f = () => pe(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [k, x] = S(u);
   let N = g.join();
   e.lng && (N = `${e.lng}${N}`);
-  const V = a0(N), b = Y(!0);
-  B(() => {
+  const E = C0(N), b = Y(!0);
+  Z(() => {
     const {
-      bindI18n: f,
+      bindI18n: p,
       bindI18nStore: L
     } = c;
-    b.current = !0, !a && !o && (e.lng ? ie(l, e.lng, g, () => {
-      b.current && x(p);
-    }) : te(l, g, () => {
-      b.current && x(p);
-    })), a && V && V !== N && b.current && x(p);
+    b.current = !0, !a && !o && (e.lng ? se(l, e.lng, g, () => {
+      b.current && x(f);
+    }) : ie(l, g, () => {
+      b.current && x(f);
+    })), a && E && E !== N && b.current && x(f);
     const v = () => {
-      b.current && x(p);
+      b.current && x(f);
     };
-    return f && l && l.on(f, v), L && l && l.store.on(L, v), () => {
-      b.current = !1, f && l && f.split(" ").forEach((w) => l.off(w, v)), L && l && L.split(" ").forEach((w) => l.store.off(w, v));
+    return p && l && l.on(p, v), L && l && l.store.on(L, v), () => {
+      b.current = !1, p && l && p.split(" ").forEach((w) => l.off(w, v)), L && l && L.split(" ").forEach((w) => l.store.off(w, v));
     };
-  }, [l, N]), B(() => {
+  }, [l, N]), Z(() => {
     b.current && a && x(u);
   }, [l, d, a]);
-  const _ = [k, l, a];
-  if (_.t = k, _.i18n = l, _.ready = a, a || !a && !o) return _;
-  throw new Promise((f) => {
-    e.lng ? ie(l, e.lng, g, () => f()) : te(l, g, () => f());
+  const V = [k, l, a];
+  if (V.t = k, V.i18n = l, V.ready = a, a || !a && !o) return V;
+  throw new Promise((p) => {
+    e.lng ? se(l, e.lng, g, () => p()) : ie(l, g, () => p());
   });
-}, d0 = "City", g0 = {
-  placeholder: d0
-}, C0 = "Город", u0 = {
-  placeholder: C0
+}, f0 = "City", w0 = {
+  placeholder: f0
+}, m0 = "Город", k0 = {
+  placeholder: m0
 };
-function p0(i) {
+function L0(i) {
   const e = Y(i);
-  return B(() => {
+  return Z(() => {
     e.current = i;
   }, [i]), e.current;
 }
-D.use(r0).init({
+D.use(c0).init({
   defaultNS: "common",
   lng: "en",
   resources: {
     en: {
-      common: g0
+      common: w0
     },
     ru: {
-      common: u0
+      common: k0
     }
   }
 });
-const N0 = R1(
+const b0 = k1(
   ({ width: i, selectedCountry: e, onChange: t, value: s, id: n, disabled: l }, c) => {
     const [o, d] = S(
       []
-    ), [g, a] = S(!1), { locale: h, axiosPeople: u } = s1(we), p = Y(!1), k = Y(null), x = Y(o), N = p0(e);
+    ), [g, a] = S(!1), { locale: h, axiosPeople: u } = r1(ke), f = Y(!1), k = Y(null), x = Y(o), N = L0(e);
     if (!u)
       throw new Error(
         `CitySelect requires "axiosPeople" to fetch cities.
                 Please provide it via SNMTUiContext.`
       );
-    const { t: V } = c0("common", { lng: h }), b = j(
-      async (f) => {
-        const L = x.current.find((v) => v.value === f);
+    const { t: E } = p0("common", { lng: h }), b = j(
+      async (p) => {
+        const L = x.current.find((v) => v.value === p);
         if (L)
           return [L];
         try {
           const w = (await u.post("v1/cities/search", {
             filters: {
-              geoNameId: [f],
+              geoNameId: [p],
               countryId: [e]
             }
           })).data.data;
           if (!w.length)
             return t(null), [];
-          const O = {
+          const H = {
             value: w[0].geoNameId,
             label: w[0].name
           };
-          return x.current = [...x.current, O], [O];
+          return x.current = [...x.current, H], [H];
         } catch (v) {
           return console.error("CitySelect. fetchSelectedItems error", v), [];
         }
       },
       [u, e, t]
     );
-    B(() => {
+    Z(() => {
       (async () => {
         if (!s) return;
         const L = await b(s);
         d(L);
       })();
-    }, []), B(() => {
-      var f;
-      N !== e ? p.current && (t(null), d([]), x.current = [], (f = k.current) == null || f.refetchOptions()) : p.current = !0;
+    }, []), Z(() => {
+      var p;
+      N !== e ? f.current && (t(null), d([]), x.current = [], (p = k.current) == null || p.refetchOptions()) : f.current = !0;
     }, [e, t, N]);
-    const _ = j(
+    const V = j(
       async ({
-        limit: f,
+        limit: p,
         offset: L,
         search: v
       }) => {
@@ -9534,24 +9585,24 @@ const N0 = R1(
           a(!0);
           const w = {
             offset: L,
-            limit: f,
+            limit: p,
             includeCount: !0
           };
           w.filters = {}, e && e.length > 0 && (w.filters.countryId = [e]), v && (w.search = v);
-          const O = await u.post("v1/cities/search", w), T = (O == null ? void 0 : O.data.data) || [], P = O == null ? void 0 : O.data.metadata.count;
+          const H = await u.post("v1/cities/search", w), F = (H == null ? void 0 : H.data.data) || [], W = H == null ? void 0 : H.data.metadata.count;
           return {
-            options: T.map((Z) => ({
-              value: Z.geoNameId,
-              label: Z.name
+            options: F.map((z) => ({
+              value: z.geoNameId,
+              label: z.name
             })),
-            count: P,
-            limit: f
+            count: W,
+            limit: p
           };
         } catch (w) {
           return console.error("CitySelect. loadOptions error", w), {
             options: [],
             count: 0,
-            limit: f
+            limit: p
           };
         } finally {
           a(!1);
@@ -9559,8 +9610,8 @@ const N0 = R1(
       },
       [u, e]
     );
-    return se(c, () => k.current), /* @__PURE__ */ r("div", { className: "snmt-city-select", children: /* @__PURE__ */ r(
-      x3,
+    return ne(c, () => k.current), /* @__PURE__ */ r("div", { className: "snmt-city-select", children: /* @__PURE__ */ r(
+      _3,
       {
         id: n,
         width: i,
@@ -9568,9 +9619,9 @@ const N0 = R1(
         onChange: t,
         ref: k,
         search: !0,
-        placeholder: V("placeholder"),
+        placeholder: E("placeholder"),
         disabled: l,
-        loadOptions: _,
+        loadOptions: V,
         preloadOptions: !0,
         extraOptions: o,
         isLoading: g
@@ -9579,5 +9630,5 @@ const N0 = R1(
   }
 );
 export {
-  N0 as CitySelect
+  b0 as CitySelect
 };