@snmt-react-ui/country-select 2.9.0 → 2.9.1

package/dist/country-select.js

@@ -3,22 +3,22 @@ var v2 = (s, e, t) => e in s ? k2(s, e, { enumerable: !0, configurable: !0, writ
 var A1 = (s, e, t) => v2(s, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
 import { jsx as n, Fragment as Y, jsxs as g } from "react/jsx-runtime";
-import { COLORS as c, SNMTUiContext as Q } from "@snmt-react-ui/core";
-import { Select as N2, Tag as b1, Flex as x2, Checkbox as M2, Avatar as R2, Typography as C1, Popover as V2 } from "antd";
-import { forwardRef as q, useState as y, useRef as j, useEffect as D, useCallback as I, useContext as $, useImperativeHandle as d1, createContext as X1 } from "react";
+import { COLORS as c, SNMTUiContext as q } from "@snmt-react-ui/core";
+import { Select as N2, Tag as b1, Flex as x2, Checkbox as M2, Avatar as R2, Typography as d1, Popover as V2 } from "antd";
+import { forwardRef as X, useState as y, useRef as j, useEffect as B, useCallback as I, useContext as $, useImperativeHandle as g1, createContext as X1 } from "react";
 var Z2 = Object.defineProperty, H2 = (s, e, t) => e in s ? Z2(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, _2 = (s, e, t) => H2(s, e + "", t), b2 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function y2() {
   if (console && console.warn) {
     for (var s = arguments.length, e = new Array(s), t = 0; t < s; t++)
       e[t] = arguments[t];
-    z(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
+    J(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
   }
 }
 const D1 = {};
 function V1() {
   for (var s = arguments.length, e = new Array(s), t = 0; t < s; t++)
     e[t] = arguments[t];
-  z(e[0]) && D1[e[0]] || (z(e[0]) && (D1[e[0]] = /* @__PURE__ */ new Date()), y2(...e));
+  J(e[0]) && D1[e[0]] || (J(e[0]) && (D1[e[0]] = /* @__PURE__ */ new Date()), y2(...e));
 }
 const e2 = (s, e) => () => {
   if (s.isInitialized)
@@ -34,7 +34,7 @@ const e2 = (s, e) => () => {
 }, B1 = (s, e, t) => {
   s.loadNamespaces(e, e2(s, t));
 }, K1 = (s, e, t, i) => {
-  z(t) && (t = [t]), t.forEach((o) => {
+  J(t) && (t = [t]), t.forEach((o) => {
     s.options.ns.indexOf(o) < 0 && s.options.ns.push(o);
   }), s.loadLanguages(e, e2(s, i));
 }, E2 = function(s, e) {
@@ -54,7 +54,7 @@ const e2 = (s, e) => () => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && i.services.backendConnector.backend && i.isLanguageChangingTo && !o(i.isLanguageChangingTo, s)) return !1;
     }
   }) : E2(s, e, t);
-}, z = (s) => typeof s == "string", D2 = (s) => typeof s == "object" && s !== null, B2 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, K2 = {
+}, J = (s) => typeof s == "string", D2 = (s) => typeof s == "object" && s !== null, B2 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, K2 = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -75,7 +75,7 @@ const e2 = (s, e) => () => {
   "&#8230;": "…",
   "&#x2F;": "/",
   "&#47;": "/"
-}, S2 = (s) => K2[s], G2 = (s) => s.replace(B2, S2);
+}, G2 = (s) => K2[s], S2 = (s) => s.replace(B2, G2);
 let I2 = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
@@ -84,7 +84,7 @@ let I2 = {
   transWrapTextNodes: "",
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
-  unescape: G2
+  unescape: S2
 };
 const O2 = () => I2;
 let Y2;
@@ -101,7 +101,7 @@ class $2 {
 }
 const T2 = (s, e) => {
   const t = j();
-  return D(() => {
+  return B(() => {
     t.current = s;
   }, [s, e]), t.current;
 }, t2 = (s, e, t, i) => s.getFixedT(e, t, i), P2 = (s, e, t, i) => I(t2(s, e, t, i), [s, e, t, i]), F2 = function(s) {
@@ -114,7 +114,7 @@ const T2 = (s, e) => {
   } = $(W2) || {}, h = t || i || j2();
   if (h && !h.reportNamespaces && (h.reportNamespaces = new $2()), !h) {
     V1("You will need to pass in an i18next instance by using initReactI18next");
-    const v = (N, x) => z(x) ? x : D2(x) && z(x.defaultValue) ? x.defaultValue : Array.isArray(N) ? N[N.length - 1] : N, Z = [v, {}, !1];
+    const v = (N, x) => J(x) ? x : D2(x) && J(x.defaultValue) ? x.defaultValue : Array.isArray(N) ? N[N.length - 1] : N, Z = [v, {}, !1];
     return Z.t = v, Z.i18n = {}, Z.ready = !1, Z;
   }
   h.options.react && h.options.react.wait !== void 0 && V1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
@@ -127,12 +127,12 @@ const T2 = (s, e) => {
     keyPrefix: r
   } = C;
   let l = s;
-  l = z(l) ? [l] : l || ["translation"], h.reportNamespaces.addUsedNamespaces && h.reportNamespaces.addUsedNamespaces(l);
+  l = J(l) ? [l] : l || ["translation"], h.reportNamespaces.addUsedNamespaces && h.reportNamespaces.addUsedNamespaces(l);
   const a = (h.isInitialized || h.initializedStoreOnce) && l.every((v) => A2(v, h, C)), p = P2(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), u = () => p, w = () => t2(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), [f, L] = y(u);
   let m = l.join();
   e.lng && (m = `${e.lng}${m}`);
   const M = T2(m), V = j(!0);
-  D(() => {
+  B(() => {
     const {
       bindI18n: v,
       bindI18nStore: Z
@@ -148,7 +148,7 @@ const T2 = (s, e) => {
     return v && h && h.on(v, N), Z && h && h.store.on(Z, N), () => {
       V.current = !1, v && h && v.split(" ").forEach((x) => h.off(x, N)), Z && h && Z.split(" ").forEach((x) => h.store.off(x, N));
     };
-  }, [h, m]), D(() => {
+  }, [h, m]), B(() => {
     V.current && a && L(u);
   }, [h, r, a]);
   const b = [f, h, a];
@@ -156,7 +156,7 @@ const T2 = (s, e) => {
   throw new Promise((v) => {
     e.lng ? K1(h, e.lng, l, () => v()) : B1(h, l, () => v());
   });
-}, a1 = ({
+}, h1 = ({
   children: s,
   direction: e = "row",
   flexWrap: t = "nowrap",
@@ -178,12 +178,12 @@ const T2 = (s, e) => {
     style: { padding: d },
     children: s
   }
-), { Title: U2, Text: z2 } = C1, J2 = {
+), { Title: U2, Text: z2 } = d1, J2 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, S1 = q(
+}, G1 = X(
   ({
     align: s = "inherit",
     variant: e = "body1",
@@ -196,9 +196,9 @@ const T2 = (s, e) => {
     trim: d = !1
   }, r) => {
     const l = j(null);
-    d1(r, () => l.current);
+    g1(r, () => l.current);
     const [a, p] = y(!1);
-    D(() => {
+    B(() => {
       var L;
       if (!d) return;
       const m = () => {
@@ -256,11 +256,11 @@ const T2 = (s, e) => {
             className: `snmt-avatar ${o ? "image" : ""}`,
             src: o,
             size: h[e],
-            children: /* @__PURE__ */ n(S1, { color: c.GREY_LIGHT_0, variant: C[e], children: !o && i })
+            children: /* @__PURE__ */ n(G1, { color: c.GREY_LIGHT_0, variant: C[e], children: !o && i })
           }
         ),
         s && /* @__PURE__ */ n(
-          S1,
+          G1,
           {
             color: c.GREY_DARK_5,
             variant: e ? d[e] : "body2",
@@ -270,12 +270,12 @@ const T2 = (s, e) => {
       ]
     }
   );
-}, { Title: q2, Text: X2 } = C1, e5 = {
+}, { Title: q2, Text: X2 } = d1, e5 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, t5 = q(
+}, t5 = X(
   ({
     align: s = "inherit",
     variant: e = "body1",
@@ -288,9 +288,9 @@ const T2 = (s, e) => {
     trim: d = !1
   }, r) => {
     const l = j(null);
-    d1(r, () => l.current);
+    g1(r, () => l.current);
     const [a, p] = y(!1);
-    D(() => {
+    B(() => {
       var L;
       if (!d) return;
       const m = () => {
@@ -328,10 +328,10 @@ const T2 = (s, e) => {
   disableUncheck: h = !1
 }) => {
   const [C, d] = y(s), [r, l] = y(e);
-  D(() => {
+  B(() => {
     d(s), l(e);
   }, [s, e]);
-  const { theme: a } = $(Q);
+  const { theme: a } = $(q);
   return /* @__PURE__ */ n(
     M2,
     {
@@ -1533,7 +1533,7 @@ const T2 = (s, e) => {
       )
     ]
   }
-), S5 = ({
+), G5 = ({
   className: s,
   color: e = c.GREY_DARK_5,
   height: t = 20,
@@ -1560,7 +1560,7 @@ const T2 = (s, e) => {
       }
     )
   }
-), G5 = ({
+), S5 = ({
   className: s,
   color: e = c.GREY_DARK_5,
   height: t = 20,
@@ -2600,7 +2600,7 @@ const T2 = (s, e) => {
       }
     )
   }
-), l1 = ({
+), r1 = ({
   name: s,
   width: e,
   height: t,
@@ -2609,13 +2609,13 @@ const T2 = (s, e) => {
   disabled: h = !1,
   onClick: C
 }) => {
-  const { theme: d } = $(Q), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, l = h ? void 0 : C, a = C && !h ? `${o || ""} clickable` : o;
+  const { theme: d } = $(q), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, l = h ? void 0 : C, a = C && !h ? `${o || ""} clickable` : o;
   return /* @__PURE__ */ n(Y, { children: (() => {
     switch (s) {
       case "nextIcon":
-        return S5({ width: e, height: t, color: r, className: a, onClick: l });
-      case "prevIcon":
         return G5({ width: e, height: t, color: r, className: a, onClick: l });
+      case "prevIcon":
+        return S5({ width: e, height: t, color: r, className: a, onClick: l });
       case "arrowDown":
         return s5({ width: e, height: t, color: r, className: a, onClick: l });
       case "info":
@@ -2786,12 +2786,12 @@ const T2 = (s, e) => {
         return /* @__PURE__ */ n(Y, { children: "No Icon provided" });
     }
   })() });
-}, { Title: g7, Text: u7 } = C1, w7 = {
+}, { Title: g7, Text: u7 } = d1, w7 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, p7 = q(
+}, p7 = X(
   ({
     align: s = "inherit",
     variant: e = "body1",
@@ -2804,9 +2804,9 @@ const T2 = (s, e) => {
     trim: d = !1
   }, r) => {
     const l = j(null);
-    d1(r, () => l.current);
+    g1(r, () => l.current);
     const [a, p] = y(!1);
-    D(() => {
+    B(() => {
       var L;
       if (!d) return;
       const m = () => {
@@ -3560,7 +3560,7 @@ const T2 = (s, e) => {
       )
     ]
   }
-), S7 = ({
+), G7 = ({
   width: s = 20,
   height: e = 20,
   color: t = c.GREY_DARK_5,
@@ -3593,7 +3593,7 @@ const T2 = (s, e) => {
       )
     ]
   }
-), G7 = ({
+), S7 = ({
   width: s = 20,
   height: e = 20,
   color: t = c.GREY_DARK_5,
@@ -5092,7 +5092,7 @@ const T2 = (s, e) => {
   disabled: h = !1,
   onClick: C
 }) => {
-  const { theme: d } = $(Q), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, l = h ? void 0 : C, a = C && !h ? `${o || ""} clickable` : o;
+  const { theme: d } = $(q), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, l = h ? void 0 : C, a = C && !h ? `${o || ""} clickable` : o;
   return /* @__PURE__ */ n(Y, { children: (() => {
     switch (s) {
       case "nextIcon":
@@ -5144,9 +5144,9 @@ const T2 = (s, e) => {
       case "history":
         return K7({ width: e, height: t, color: r, className: a, onClick: l });
       case "logOut":
-        return S7({ width: e, height: t, color: r, className: a, onClick: l });
-      case "settings":
         return G7({ width: e, height: t, color: r, className: a, onClick: l });
+      case "settings":
+        return S7({ width: e, height: t, color: r, className: a, onClick: l });
       case "trash":
         return I7({ width: e, height: t, color: r, className: a, onClick: l });
       case "settings2":
@@ -5307,12 +5307,12 @@ const T2 = (s, e) => {
       ) : s
     }
   );
-}, { Title: H0, Text: _0 } = C1, b0 = {
+}, { Title: H0, Text: _0 } = d1, b0 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, y0 = q(
+}, y0 = X(
   ({
     align: s = "inherit",
     variant: e = "body1",
@@ -5325,9 +5325,9 @@ const T2 = (s, e) => {
     trim: d = !1
   }, r) => {
     const l = j(null);
-    d1(r, () => l.current);
+    g1(r, () => l.current);
     const [a, p] = y(!1);
-    D(() => {
+    B(() => {
       var L;
       if (!d) return;
       const m = () => {
@@ -5381,12 +5381,12 @@ const T2 = (s, e) => {
       children: /* @__PURE__ */ n("div", { className: "wrapper", children: s })
     }
   );
-}, { Title: A0, Text: D0 } = C1, B0 = {
+}, { Title: A0, Text: D0 } = d1, B0 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, s2 = q(
+}, s2 = X(
   ({
     align: s = "inherit",
     variant: e = "body1",
@@ -5399,9 +5399,9 @@ const T2 = (s, e) => {
     trim: d = !1
   }, r) => {
     const l = j(null);
-    d1(r, () => l.current);
+    g1(r, () => l.current);
     const [a, p] = y(!1);
-    D(() => {
+    B(() => {
       var L;
       if (!d) return;
       const m = () => {
@@ -5457,7 +5457,7 @@ const T2 = (s, e) => {
       }
     )
   }
-), S0 = ({
+), G0 = ({
   width: s = 20,
   height: e = 20,
   color: t = c.GREY_DARK_5,
@@ -5497,7 +5497,7 @@ const T2 = (s, e) => {
       )
     ]
   }
-), G0 = ({
+), S0 = ({
   width: s = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -7401,7 +7401,7 @@ const T2 = (s, e) => {
       }
     )
   }
-), S9 = ({
+), G9 = ({
   className: s,
   color: e = c.GREY_DARK_5,
   height: t = 20,
@@ -7430,7 +7430,7 @@ const T2 = (s, e) => {
       )
     ]
   }
-), G9 = ({
+), S9 = ({
   className: s,
   color: e = "#001E52",
   height: t = 24,
@@ -7678,7 +7678,7 @@ const T2 = (s, e) => {
       }
     )
   }
-), w1 = ({
+), p1 = ({
   name: s,
   width: e,
   height: t,
@@ -7687,7 +7687,7 @@ const T2 = (s, e) => {
   disabled: h = !1,
   onClick: C
 }) => {
-  const { theme: d } = $(Q), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, l = h ? void 0 : C, a = C && !h ? `${o || ""} clickable` : o;
+  const { theme: d } = $(q), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, l = h ? void 0 : C, a = C && !h ? `${o || ""} clickable` : o;
   return /* @__PURE__ */ n(Y, { children: (() => {
     switch (s) {
       case "nextIcon":
@@ -7697,9 +7697,9 @@ const T2 = (s, e) => {
       case "arrowDown":
         return K0({ width: e, height: t, color: r, className: a, onClick: l });
       case "info":
-        return S0({ width: e, height: t, color: r, className: a, onClick: l });
-      case "arrowRight":
         return G0({ width: e, height: t, color: r, className: a, onClick: l });
+      case "arrowRight":
+        return S0({ width: e, height: t, color: r, className: a, onClick: l });
       case "calendar":
         return W0({ width: e, height: t, color: r, className: a, onClick: l });
       case "check":
@@ -7843,9 +7843,9 @@ const T2 = (s, e) => {
       case "edit":
         return K9({ width: e, height: t, color: r, className: a, onClick: l });
       case "filledArrowRight":
-        return S9({ width: e, height: t, color: r, className: a, onClick: l });
-      case "burgerMenu":
         return G9({ width: e, height: t, color: r, className: a, onClick: l });
+      case "burgerMenu":
+        return S9({ width: e, height: t, color: r, className: a, onClick: l });
       case "refresh":
         return I9({ width: e, height: t, color: r, className: a, onClick: l });
       case "projects":
@@ -7898,7 +7898,7 @@ const T2 = (s, e) => {
 }) => {
   const o = {
     approved: /* @__PURE__ */ n(
-      w1,
+      p1,
       {
         name: "checkCircle",
         width: 14,
@@ -7906,9 +7906,9 @@ const T2 = (s, e) => {
         color: c.NOTIFICATION_SUCCESS_DARK
       }
     ),
-    pending: /* @__PURE__ */ n(w1, { name: "history", width: 14, height: 14, color: c.NOTIFICATION_WARNING_DARK }),
+    pending: /* @__PURE__ */ n(p1, { name: "history", width: 14, height: 14, color: c.NOTIFICATION_WARNING_DARK }),
     rejected: /* @__PURE__ */ n(
-      w1,
+      p1,
       {
         name: "cancelCircle",
         width: 14,
@@ -7916,7 +7916,7 @@ const T2 = (s, e) => {
         color: c.NOTIFICATION_ERROR_DARK
       }
     ),
-    canceled: /* @__PURE__ */ n(w1, { name: "cancelCircle", width: 14, height: 14, color: c.GREY_DARK_2 })
+    canceled: /* @__PURE__ */ n(p1, { name: "cancelCircle", width: 14, height: 14, color: c.GREY_DARK_2 })
   }, h = {
     approved: c.NOTIFICATION_SUCCESS_LIGHT,
     pending: c.NOTIFICATION_WARNING_LIGHT,
@@ -7961,8 +7961,8 @@ const z9 = ({
   extraOptions: C,
   selectedItemVariant: d = "default"
 }) => {
-  const { locale: r } = $(Q), { t: l } = F2("common", { lng: r }), [a, p] = y(!1);
-  if (D(() => {
+  const { locale: r } = $(q), { t: l } = F2("common", { lng: r }), [a, p] = y(!1);
+  if (B(() => {
     s.length || p(!1);
   }, [s]), !s.length)
     return null;
@@ -7975,7 +7975,7 @@ const z9 = ({
     {
       content: (
         // 90: paddings + margins + gaps and so on
-        /* @__PURE__ */ n("div", { style: { maxWidth: t - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ n(a1, { gap: 6, flexWrap: "wrap", children: s.map(({ value: w }) => {
+        /* @__PURE__ */ n("div", { style: { maxWidth: t - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ n(h1, { gap: 6, flexWrap: "wrap", children: s.map(({ value: w }) => {
           const f = d === "badge" && h.find(
             (L) => L.label === u(w)
           );
@@ -8014,7 +8014,7 @@ const z9 = ({
   small: 20,
   medium: 28,
   large: 48
-}, G1 = ({ size: s = "medium", color: e = "#004ed7" }) => {
+}, S1 = ({ size: s = "medium", color: e = "#004ed7" }) => {
   const t = J9[s], i = `no-repeat linear-gradient(${e}
     calc(50% - 10px), #0000 0 calc(50% + 10px), ${e} 0)`, o = {
     width: t,
@@ -9378,7 +9378,7 @@ const z9 = ({
       )
     ]
   }
-), S4 = ({
+), G4 = ({
   className: s,
   color: e = c.GREY_DARK_5,
   height: t = 24,
@@ -9405,7 +9405,7 @@ const z9 = ({
       }
     )
   }
-), G4 = ({
+), S4 = ({
   className: s,
   color: e = c.GREY_DARK_5,
   height: t = 24,
@@ -10279,7 +10279,7 @@ const z9 = ({
   disabled: h = !1,
   onClick: C
 }) => {
-  const { theme: d } = $(Q), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, l = h ? void 0 : C, a = C && !h ? `${o || ""} clickable` : o;
+  const { theme: d } = $(q), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, l = h ? void 0 : C, a = C && !h ? `${o || ""} clickable` : o;
   return /* @__PURE__ */ n(Y, { children: (() => {
     switch (s) {
       case "nextIcon":
@@ -10403,13 +10403,13 @@ const z9 = ({
       case "link":
         return B4({ width: e, height: t, color: r, className: a, onClick: l });
       case "telegram":
-        return S4({ width: e, height: t, color: r, className: a, onClick: l });
+        return G4({ width: e, height: t, color: r, className: a, onClick: l });
       case "mail":
         return I4({ width: e, height: t, color: r, className: a, onClick: l });
       case "github":
         return K4({ width: e, height: t, color: r, className: a, onClick: l });
       case "linkedIn":
-        return G4({ width: e, height: t, color: r, className: a, onClick: l });
+        return S4({ width: e, height: t, color: r, className: a, onClick: l });
       case "emptyStateIcon":
         return O4({ width: e, height: t, color: r, className: a, onClick: l });
       case "filtersIcon":
@@ -10487,7 +10487,7 @@ function h3(s, e) {
 function c3(s, e) {
   return e ? c.GREY_DARK_2 : s ? c.GREY_LIGHT_0 : c.GREY_DARK_4;
 }
-const C3 = q((s, e) => {
+const C3 = X((s, e) => {
   const {
     value: t,
     onChange: i,
@@ -10512,28 +10512,28 @@ const C3 = q((s, e) => {
     readOnly: N,
     error: x,
     selectedItemVariant: E = "default",
-    variant: S = "outlined"
+    variant: G = "outlined"
   } = s;
-  let X;
-  h && h !== "single" && (X = s.overflowBehaviour ?? "responsive");
-  const [G, g1] = y(!1), [F, T] = y(!1), [P, U] = y(!1), [o1, A] = y(!0), [_, W] = y(t), n1 = j(null);
-  D(() => {
+  let e1;
+  h && h !== "single" && (e1 = s.overflowBehaviour ?? "responsive");
+  const [S, u1] = y(!1), [U, T] = y(!1), [P, z] = y(!1), [n1, A] = y(!0), [_, W] = y(t), l1 = j(null);
+  B(() => {
     W(t);
   }, [t]);
   const c2 = (k) => {
-    g1(k), f && f(k);
+    u1(k), f && f(k);
   }, C2 = (k, H) => {
-    var K;
-    return !!((K = H == null ? void 0 : H.label) != null && K.toString().toLowerCase().includes(k.toLowerCase()));
+    var D;
+    return !!((D = H == null ? void 0 : H.label) != null && D.toString().toLowerCase().includes(k.toLowerCase()));
   }, d2 = () => {
     T(!0);
   }, g2 = () => {
     T(!1);
-  }, e1 = I(
+  }, t1 = I(
     (k) => {
       if (W(k), h && h !== "single") {
-        const K = k;
-        i == null || i(K);
+        const D = k;
+        i == null || i(D);
         return;
       }
       let H = null;
@@ -10543,44 +10543,44 @@ const C3 = q((s, e) => {
   ), u2 = I(() => {
     if (!(N || l)) {
       if (h) {
-        e1([]);
+        t1([]);
         return;
       }
-      e1("");
+      t1("");
     }
-  }, [l, e1, h, N]), u1 = I(
+  }, [l, t1, h, N]), w1 = I(
     (k) => {
-      const H = _.filter((K) => K !== k);
-      e1(H), W(H);
+      const H = _.filter((D) => D !== k);
+      t1(H), W(H);
     },
-    [e1, _]
+    [t1, _]
   ), y1 = I(
     (k) => (_ == null ? void 0 : _.indexOf(k)) === 0 ? (
       // if the search input is empty
       // then display the placeholder, else do not display it
-      /* @__PURE__ */ n("span", { className: "custom-placeholder", children: o1 ? o : "" })
+      /* @__PURE__ */ n("span", { className: "custom-placeholder", children: n1 ? o : "" })
     ) : /* @__PURE__ */ n(Y, {}),
-    [o1, _, o]
+    [n1, _, o]
   ), w2 = (k) => {
     k.preventDefault(), k.stopPropagation();
   }, p2 = async (k) => {
     const { target: H } = k;
     H.scrollTop + H.offsetHeight >= H.scrollHeight - u && (L == null || L(!0)), m && await m(k);
-  }, N1 = I(
+  }, x1 = I(
     (k) => {
-      var H, K;
-      return ((H = d.find((t1) => t1.value === k)) == null ? void 0 : H.label) || ((K = V == null ? void 0 : V.find((t1) => t1.value === k)) == null ? void 0 : K.label) || k;
+      var H, D;
+      return ((H = d.find((F) => F.value === k)) == null ? void 0 : H.label) || ((D = V == null ? void 0 : V.find((F) => F.value === k)) == null ? void 0 : D.label) || k;
     },
     [V, d]
   ), f2 = I(
     (k, H = "default") => {
-      var K;
+      var D;
       return /* @__PURE__ */ n(
         z9,
         {
           values: k,
-          onTagClose: u1,
-          maxWidth: ((K = n1.current) == null ? void 0 : K.clientWidth) || 0,
+          onTagClose: w1,
+          maxWidth: ((D = l1.current) == null ? void 0 : D.clientWidth) || 0,
           disabled: l,
           closable: !N,
           options: d,
@@ -10589,40 +10589,40 @@ const C3 = q((s, e) => {
         }
       );
     },
-    [l, V, u1, d, N]
+    [l, V, w1, d, N]
   ), L2 = I(
-    ({ label: k, value: H, mode: K }) => {
-      if (K === "filter")
+    ({ label: k, value: H, mode: D }) => {
+      if (D === "filter")
         return y1(H);
       {
-        const x1 = E === "badge" && d.find((m2) => m2.label === k), t1 = typeof k == "object" ? k : N1(H);
+        const i1 = E === "badge" && d.find((m2) => m2.label === k), F = typeof k == "object" ? k : x1(H);
         return /* @__PURE__ */ n("div", { onMouseDown: w2, className: "tag-wrapper", children: E === "badge" ? /* @__PURE__ */ n(
           o2,
           {
             variant: "regular",
             size: "small",
-            color: x1 ? x1.color : "cyan",
-            text: t1
+            color: i1 ? i1.color : "cyan",
+            text: F
           }
-        ) : /* @__PURE__ */ n(i2, { onClose: () => u1(H), disabled: l, children: t1 }) });
+        ) : /* @__PURE__ */ n(i2, { onClose: () => w1(H), disabled: l, children: F }) });
       }
     },
-    [l, N1, u1, y1, E, d]
+    [l, x1, w1, y1, E, d]
   ), E1 = Array.isArray(_) && _.length > 0 || !!_ && typeof _ == "string" && _.trim() !== "";
   return /* @__PURE__ */ g(
     "div",
     {
-      className: `snmt-select-container ${S === "borderless" ? "snmt-select-container-borderless" : ""}`,
+      className: `snmt-select-container ${G === "borderless" ? "snmt-select-container-borderless" : ""}`,
       children: [
         /* @__PURE__ */ g(
           "div",
           {
-            className: `snmt-select ${F ? "snmt-select-focused" : ""} 
+            className: `snmt-select ${U ? "snmt-select-focused" : ""} 
                     ${h ? "" : "snmt-select-single"} 
                     ${N ? "snmt-select-read-only" : ""} 
-                    ${X === "static" ? "snmt-select-static" : ""} 
-                    ${S === "borderless" ? "snmt-select-borderless" : ""}`,
-            ref: n1,
+                    ${e1 === "static" ? "snmt-select-static" : ""} 
+                    ${G === "borderless" ? "snmt-select-borderless" : ""}`,
+            ref: l1,
             style: { width: r },
             children: [
               /* @__PURE__ */ n(
@@ -10638,27 +10638,27 @@ const C3 = q((s, e) => {
                   disabled: l,
                   value: _ || void 0,
                   labelRender: (k) => {
-                    const H = N1(k.value);
+                    const H = x1(k.value);
                     return l ? /* @__PURE__ */ n("span", { style: { color: c.GREY_DARK_1 }, children: H }) : H;
                   },
                   mode: d3(h, E),
-                  variant: S,
-                  onChange: e1,
+                  variant: G,
+                  onChange: t1,
                   onFocus: d2,
                   onBlur: g2,
-                  onMouseEnter: () => U(!0),
-                  onMouseLeave: () => U(!1),
+                  onMouseEnter: () => z(!0),
+                  onMouseLeave: () => z(!1),
                   onSearch: (k) => {
                     A(!k), w && w(k);
                   },
                   onSelect: () => A(!0),
                   onDeselect: () => A(!0),
                   tagRender: (k) => L2({ ...k, mode: h }),
-                  maxTagCount: X === "responsive" ? "responsive" : void 0,
+                  maxTagCount: e1 === "responsive" ? "responsive" : void 0,
                   maxCount: h === "single" && E === "badge" ? 1 : void 0,
                   maxTagPlaceholder: (k) => f2(k, E),
                   onPopupScroll: p2,
-                  prefix: Z && /* @__PURE__ */ n(G1, { size: "small" }),
+                  prefix: Z && /* @__PURE__ */ n(S1, { size: "small" }),
                   suffixIcon: /* @__PURE__ */ n("div", { className: "wrapper-suffix-icon", children: h !== "filter" && /* @__PURE__ */ g(Y, { children: [
                     _ && !!_.length && p && /* @__PURE__ */ n(
                       "div",
@@ -10668,7 +10668,7 @@ const C3 = q((s, e) => {
                           cursor: l ? "not-allowed" : "pointer"
                         },
                         children: /* @__PURE__ */ n(
-                          l1,
+                          r1,
                           {
                             name: "cancel",
                             color: l ? c.GREY_DARK_1 : c.GREY_DARK_2
@@ -10676,74 +10676,72 @@ const C3 = q((s, e) => {
                         )
                       }
                     ),
-                    S === "borderless" && (P || F) && /* @__PURE__ */ n(
+                    G === "borderless" && (P || U) && /* @__PURE__ */ n(
                       a3,
                       {
-                        isActive: G,
-                        onClick: () => g1(!G)
+                        isActive: S,
+                        onClick: () => u1(!S)
                       }
                     ),
-                    S === "outlined" && /* @__PURE__ */ n(
-                      l1,
+                    G === "outlined" && /* @__PURE__ */ n(
+                      r1,
                       {
                         name: "selectArrowIcon",
                         color: l ? c.GREY_DARK_1 : c.GREY_DARK_5,
-                        className: G ? "select-arrow-rotated" : "select-arrow",
-                        onClick: () => g1(!G)
+                        className: S ? "select-arrow-rotated" : "select-arrow",
+                        onClick: () => u1(!S)
                       }
                     )
                   ] }) }),
-                  removeIcon: /* @__PURE__ */ n(l1, { name: "cancelCircle", color: c.GREY_DARK_1 }),
+                  removeIcon: /* @__PURE__ */ n(r1, { name: "cancelCircle", color: c.GREY_DARK_1 }),
                   options: d,
-                  optionRender: (k) => v ? v(k.data) : /* @__PURE__ */ g(a1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
-                    /* @__PURE__ */ g(a1, { alignItems: "center", gap: 12, children: [
-                      h && /* @__PURE__ */ n(
-                        i5,
-                        {
-                          checked: !!(_ != null && _.includes(k.value))
-                        }
-                      ),
-                      /* @__PURE__ */ g(a1, { alignItems: "center", gap: 8, children: [
-                        k.data.image !== void 0 && /* @__PURE__ */ n(
-                          Q2,
-                          {
-                            src: k.data.image,
-                            variant: "xsmall",
-                            fallbackText: k.data.imageFallbackText ? k.data.imageFallbackText : ""
-                          }
-                        ),
-                        /* @__PURE__ */ n("span", { children: k.label })
-                      ] })
-                    ] }),
-                    !h && _ === k.value && /* @__PURE__ */ n(l1, { name: "check", color: c.BLUE_DARK_1 })
-                  ] }),
+                  optionRender: (k) => {
+                    const H = h === "single" && E === "badge", D = Array.isArray(_) ? !!(_ != null && _.includes(k.value)) : _ === k.value, i1 = H ? _ : void 0, F = H ? ((i1 == null ? void 0 : i1.length) || 0) > 0 : !1;
+                    return v ? v(k.data) : /* @__PURE__ */ g(h1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                      /* @__PURE__ */ g(h1, { alignItems: "center", gap: 12, children: [
+                        h && h !== "single" || H ? /* @__PURE__ */ n(i5, { checked: D, disabled: H && F && !D }) : null,
+                        /* @__PURE__ */ g(h1, { alignItems: "center", gap: 8, children: [
+                          k.data.image !== void 0 && /* @__PURE__ */ n(
+                            Q2,
+                            {
+                              src: k.data.image,
+                              variant: "xsmall",
+                              fallbackText: k.data.imageFallbackText ? k.data.imageFallbackText : ""
+                            }
+                          ),
+                          /* @__PURE__ */ n("span", { children: k.label })
+                        ] })
+                      ] }),
+                      !h && _ === k.value && /* @__PURE__ */ n(r1, { name: "check", color: c.BLUE_DARK_1 })
+                    ] });
+                  },
                   dropdownRender: (k) => /* @__PURE__ */ g("div", { className: "dropdown-container", children: [
                     /* @__PURE__ */ n("div", { className: "dropdown-menu", children: b ? b(k) : k }),
-                    Z && /* @__PURE__ */ n("div", { className: "loading-overlay", children: /* @__PURE__ */ n(G1, {}) })
+                    Z && /* @__PURE__ */ n("div", { className: "loading-overlay", children: /* @__PURE__ */ n(S1, {}) })
                   ] })
                 }
               ),
-              o && S !== "borderless" && /* @__PURE__ */ n(
+              o && G !== "borderless" && /* @__PURE__ */ n(
                 "label",
                 {
-                  className: `${F || E1 ? "label-floating" : ""} ${l ? "label-disabled" : ""} ${F ? "label-focused" : ""} ${Z ? "label-loading" : ""} ${x ? "label-error" : ""}`,
+                  className: `${U || E1 ? "label-floating" : ""} ${l ? "label-disabled" : ""} ${U ? "label-focused" : ""} ${Z ? "label-loading" : ""} ${x ? "label-error" : ""}`,
                   children: a ? `${o}*` : o
                 }
               ),
               /* @__PURE__ */ n(
                 "fieldset",
                 {
-                  className: `${F ? "fieldset-focused" : ""} ${l ? "fieldset-disabled" : ""} ${E1 ? "fieldset-filled" : ""} ${x ? "fieldset-error" : ""} 
+                  className: `${U ? "fieldset-focused" : ""} ${l ? "fieldset-disabled" : ""} ${E1 ? "fieldset-filled" : ""} ${x ? "fieldset-error" : ""} 
                         ${P ? "fieldset-hovered" : ""}`,
-                  children: /* @__PURE__ */ n("legend", { children: o && S !== "borderless" && /* @__PURE__ */ n("span", { children: a ? `${o}*` : o }) })
+                  children: /* @__PURE__ */ n("legend", { children: o && G !== "borderless" && /* @__PURE__ */ n("span", { children: a ? `${o}*` : o }) })
                 }
               )
             ]
           }
         ),
-        x && /* @__PURE__ */ g(a1, { justifyContent: "flex-start", gap: 6, children: [
+        x && /* @__PURE__ */ g(h1, { justifyContent: "flex-start", gap: 6, children: [
           /* @__PURE__ */ n(
-            l1,
+            r1,
             {
               name: "attention",
               color: c.NOTIFICATION_ERROR_DARK,
@@ -10760,7 +10758,7 @@ const C3 = q((s, e) => {
 function d3(s, e) {
   return s === "filter" || s === "single" && e === "badge" ? "multiple" : s === "single" ? void 0 : s;
 }
-const R = (s) => typeof s == "string", r1 = () => {
+const R = (s) => typeof s == "string", a1 = () => {
   let s, e;
   const t = new Promise((i, o) => {
     s = i, e = o;
@@ -10770,7 +10768,7 @@ const R = (s) => typeof s == "string", r1 = () => {
   s.forEach((i) => {
     e[i] && (t[i] = e[i]);
   });
-}, u3 = /###/g, O1 = (s) => s && s.indexOf("###") > -1 ? s.replace(u3, ".") : s, Y1 = (s) => !s || R(s), h1 = (s, e, t) => {
+}, u3 = /###/g, O1 = (s) => s && s.indexOf("###") > -1 ? s.replace(u3, ".") : s, Y1 = (s) => !s || R(s), c1 = (s, e, t) => {
   const i = R(e) ? e.split(".") : e;
   let o = 0;
   for (; o < i.length - 1; ) {
@@ -10786,36 +10784,36 @@ const R = (s) => typeof s == "string", r1 = () => {
   const {
     obj: i,
     k: o
-  } = h1(s, e, Object);
+  } = c1(s, e, Object);
   if (i !== void 0 || e.length === 1) {
     i[o] = t;
     return;
   }
-  let h = e[e.length - 1], C = e.slice(0, e.length - 1), d = h1(s, C, Object);
+  let h = e[e.length - 1], C = e.slice(0, e.length - 1), d = c1(s, C, Object);
   for (; d.obj === void 0 && C.length; )
-    h = `${C[C.length - 1]}.${h}`, C = C.slice(0, C.length - 1), d = h1(s, C, Object), d && d.obj && typeof d.obj[`${d.k}.${h}`] < "u" && (d.obj = void 0);
+    h = `${C[C.length - 1]}.${h}`, C = C.slice(0, C.length - 1), d = c1(s, C, Object), d && d.obj && typeof d.obj[`${d.k}.${h}`] < "u" && (d.obj = void 0);
   d.obj[`${d.k}.${h}`] = t;
 }, w3 = (s, e, t, i) => {
   const {
     obj: o,
     k: h
-  } = h1(s, e, Object);
+  } = c1(s, e, Object);
   o[h] = o[h] || [], o[h].push(t);
-}, f1 = (s, e) => {
+}, L1 = (s, e) => {
   const {
     obj: t,
     k: i
-  } = h1(s, e);
+  } = c1(s, e);
   if (t)
     return t[i];
 }, p3 = (s, e, t) => {
-  const i = f1(s, t);
-  return i !== void 0 ? i : f1(e, t);
+  const i = L1(s, t);
+  return i !== void 0 ? i : L1(e, t);
 }, n2 = (s, e, t) => {
   for (const i in e)
     i !== "__proto__" && i !== "constructor" && (i in s ? R(s[i]) || s[i] instanceof String || R(e[i]) || e[i] instanceof String ? t && (s[i] = e[i]) : n2(s[i], e[i], t) : s[i] = e[i]);
   return s;
-}, i1 = (s) => s.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+}, s1 = (s) => s.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
 var f3 = {
   "&": "&amp;",
   "<": "&lt;",
@@ -10868,7 +10866,7 @@ const k3 = [" ", ",", "?", "!", ";"], v3 = new m3(20), N3 = (s, e, t) => {
     o = C;
   }
   return o;
-}, L1 = (s) => s && s.replace("_", "-"), x3 = {
+}, m1 = (s) => s && s.replace("_", "-"), x3 = {
   type: "logger",
   log(s) {
     this.output("log", s);
@@ -10883,7 +10881,7 @@ const k3 = [" ", ",", "?", "!", ";"], v3 = new m3(20), N3 = (s, e, t) => {
     console && console[s] && console[s].apply(console, e);
   }
 };
-class m1 {
+class k1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     this.init(e, t);
@@ -10916,17 +10914,17 @@ class m1 {
     return o && !this.debug ? null : (R(e[0]) && (e[0] = `${i}${this.prefix} ${e[0]}`), this.logger[t](e));
   }
   create(e) {
-    return new m1(this.logger, {
+    return new k1(this.logger, {
       prefix: `${this.prefix}:${e}:`,
       ...this.options
     });
   }
   clone(e) {
-    return e = e || this.options, e.prefix = e.prefix || this.prefix, new m1(this.logger, e);
+    return e = e || this.options, e.prefix = e.prefix || this.prefix, new k1(this.logger, e);
   }
 }
-var O = new m1();
-class v1 {
+var O = new k1();
+class N1 {
   constructor() {
     this.observers = {};
   }
@@ -10960,7 +10958,7 @@ class v1 {
     });
   }
 }
-class W1 extends v1 {
+class W1 extends N1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
       ns: ["translation"],
@@ -10980,7 +10978,7 @@ class W1 extends v1 {
     const h = o.keySeparator !== void 0 ? o.keySeparator : this.options.keySeparator, C = o.ignoreJSONStructure !== void 0 ? o.ignoreJSONStructure : this.options.ignoreJSONStructure;
     let d;
     e.indexOf(".") > -1 ? d = e.split(".") : (d = [e, t], i && (Array.isArray(i) ? d.push(...i) : R(i) && h ? d.push(...i.split(h)) : d.push(i)));
-    const r = f1(this.data, d);
+    const r = L1(this.data, d);
     return !r && !t && !i && e.indexOf(".") > -1 && (e = d[0], t = d[1], i = d.slice(2).join(".")), r || !C || !R(i) ? r : Z1(this.data && this.data[e] && this.data[e][t], i, h);
   }
   addResource(e, t, i, o) {
@@ -11007,7 +11005,7 @@ class W1 extends v1 {
       skipCopy: !1
     }, d = [e, t];
     e.indexOf(".") > -1 && (d = e.split("."), o = i, i = t, t = d[1]), this.addNamespaces(t);
-    let r = f1(this.data, d) || {};
+    let r = L1(this.data, d) || {};
     C.skipCopy || (i = JSON.parse(JSON.stringify(i))), o ? n2(r, i, h) : r = {
       ...r,
       ...i
@@ -11047,7 +11045,7 @@ var l2 = {
   }
 };
 const $1 = {};
-class k1 extends v1 {
+class v1 extends N1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     super(), g3(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = O.create("translator");
@@ -11144,13 +11142,13 @@ class k1 extends v1 {
       u = u.join(M), u && (u = this.extendTranslation(u, e, t, i));
     else {
       let v = !1, Z = !1;
-      const N = t.count !== void 0 && !R(t.count), x = k1.hasDefaultValue(t), E = N ? this.pluralResolver.getSuffix(l, t.count, t) : "", S = t.ordinal && N ? this.pluralResolver.getSuffix(l, t.count, {
+      const N = t.count !== void 0 && !R(t.count), x = v1.hasDefaultValue(t), E = N ? this.pluralResolver.getSuffix(l, t.count, t) : "", G = t.ordinal && N ? this.pluralResolver.getSuffix(l, t.count, {
         ordinal: !1
-      }) : "", X = N && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), G = X && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${E}`] || t[`defaultValue${S}`] || t.defaultValue;
-      !this.isValidLookup(u) && x && (v = !0, u = G), this.isValidLookup(u) || (Z = !0, u = C);
-      const F = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && Z ? void 0 : u, T = x && G !== u && this.options.updateMissing;
+      }) : "", e1 = N && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), S = e1 && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${E}`] || t[`defaultValue${G}`] || t.defaultValue;
+      !this.isValidLookup(u) && x && (v = !0, u = S), this.isValidLookup(u) || (Z = !0, u = C);
+      const U = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && Z ? void 0 : u, T = x && S !== u && this.options.updateMissing;
       if (Z || v || T) {
-        if (this.logger.log(T ? "updateKey" : "missingKey", l, r, C, T ? G : u), h) {
+        if (this.logger.log(T ? "updateKey" : "missingKey", l, r, C, T ? S : u), h) {
           const A = this.resolve(C, {
             ...t,
             keySeparator: !1
@@ -11158,21 +11156,21 @@ class k1 extends v1 {
           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.");
         }
         let P = [];
-        const U = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
-        if (this.options.saveMissingTo === "fallback" && U && U[0])
-          for (let A = 0; A < U.length; A++)
-            P.push(U[A]);
+        const z = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
+        if (this.options.saveMissingTo === "fallback" && z && z[0])
+          for (let A = 0; A < z.length; A++)
+            P.push(z[A]);
         else this.options.saveMissingTo === "all" ? P = this.languageUtils.toResolveHierarchy(t.lng || this.language) : P.push(t.lng || this.language);
-        const o1 = (A, _, W) => {
-          const n1 = x && W !== u ? W : F;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(A, r, _, n1, T, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(A, r, _, n1, T, t), this.emit("missingKey", A, r, _, u);
+        const n1 = (A, _, W) => {
+          const l1 = x && W !== u ? W : U;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(A, r, _, l1, T, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(A, r, _, l1, T, t), this.emit("missingKey", A, r, _, u);
         };
         this.options.saveMissing && (this.options.saveMissingPlurals && N ? P.forEach((A) => {
           const _ = this.pluralResolver.getSuffixes(A, t);
-          X && t[`defaultValue${this.options.pluralSeparator}zero`] && _.indexOf(`${this.options.pluralSeparator}zero`) < 0 && _.push(`${this.options.pluralSeparator}zero`), _.forEach((W) => {
-            o1([A], C + W, t[`defaultValue${W}`] || G);
+          e1 && t[`defaultValue${this.options.pluralSeparator}zero`] && _.indexOf(`${this.options.pluralSeparator}zero`) < 0 && _.push(`${this.options.pluralSeparator}zero`), _.forEach((W) => {
+            n1([A], C + W, t[`defaultValue${W}`] || S);
           });
-        }) : o1(P, C, G));
+        }) : n1(P, C, S));
       }
       u = this.extendTranslation(u, e, t, p, i), Z && u === C && this.options.appendNamespaceToMissingKey && (u = `${r}:${C}`), (Z || v) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? u = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${r}:${C}` : C, v ? u : void 0) : u = this.options.parseMissingKeyHandler(u));
     }
@@ -11299,12 +11297,12 @@ class T1 {
     this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = O.create("languageUtils");
   }
   getScriptPartFromCode(e) {
-    if (e = L1(e), !e || e.indexOf("-") < 0) return null;
+    if (e = m1(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 = L1(e), !e || e.indexOf("-") < 0) return e;
+    if (e = m1(e), !e || e.indexOf("-") < 0) return e;
     const t = e.split("-");
     return this.formatLanguageCode(t[0]);
   }
@@ -11507,7 +11505,7 @@ class _3 {
   getRule(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (this.shouldUseIntlApi()) {
-      const i = L1(e === "dev" ? "en" : e), o = t.ordinal ? "ordinal" : "cardinal", h = JSON.stringify({
+      const i = m1(e === "dev" ? "en" : e), o = t.ordinal ? "ordinal" : "cardinal", h = JSON.stringify({
         cleanedCode: i,
         type: o
       });
@@ -11590,7 +11588,7 @@ class b3 {
       maxReplaces: M,
       alwaysFormat: V
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : L3, this.escapeValue = i !== void 0 ? i : !0, this.useRawValueToEscape = o !== void 0 ? o : !1, this.prefix = h ? i1(h) : C || "{{", this.suffix = d ? i1(d) : r || "}}", this.formatSeparator = l || ",", this.unescapePrefix = a ? "" : p || "-", this.unescapeSuffix = this.unescapePrefix ? "" : a || "", this.nestingPrefix = u ? i1(u) : w || i1("$t("), this.nestingSuffix = f ? i1(f) : L || i1(")"), this.nestingOptionsSeparator = m || ",", this.maxReplaces = M || 1e3, this.alwaysFormat = V !== void 0 ? V : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : L3, this.escapeValue = i !== void 0 ? i : !0, this.useRawValueToEscape = o !== void 0 ? o : !1, this.prefix = h ? s1(h) : C || "{{", this.suffix = d ? s1(d) : r || "}}", this.formatSeparator = l || ",", this.unescapePrefix = a ? "" : p || "-", this.unescapeSuffix = this.unescapePrefix ? "" : a || "", this.nestingPrefix = u ? s1(u) : w || s1("$t("), this.nestingSuffix = f ? s1(f) : L || s1(")"), this.nestingOptionsSeparator = m || ",", this.maxReplaces = M || 1e3, this.alwaysFormat = V !== void 0 ? V : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -11703,7 +11701,7 @@ const y3 = (s) => {
     formatName: e,
     formatOptions: t
   };
-}, s1 = (s) => {
+}, o1 = (s) => {
   const e = {};
   return (t, i, o) => {
     let h = o;
@@ -11713,39 +11711,39 @@ const y3 = (s) => {
     });
     const C = i + JSON.stringify(h);
     let d = e[C];
-    return d || (d = s(L1(i), o), e[C] = d), d(t);
+    return d || (d = s(m1(i), o), e[C] = d), d(t);
   };
 };
 class E3 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     this.logger = O.create("formatter"), this.options = e, this.formats = {
-      number: s1((t, i) => {
+      number: o1((t, i) => {
         const o = new Intl.NumberFormat(t, {
           ...i
         });
         return (h) => o.format(h);
       }),
-      currency: s1((t, i) => {
+      currency: o1((t, i) => {
         const o = new Intl.NumberFormat(t, {
           ...i,
           style: "currency"
         });
         return (h) => o.format(h);
       }),
-      datetime: s1((t, i) => {
+      datetime: o1((t, i) => {
         const o = new Intl.DateTimeFormat(t, {
           ...i
         });
         return (h) => o.format(h);
       }),
-      relativetime: s1((t, i) => {
+      relativetime: o1((t, i) => {
         const o = new Intl.RelativeTimeFormat(t, {
           ...i
         });
         return (h) => o.format(h, i.range || "day");
       }),
-      list: s1((t, i) => {
+      list: o1((t, i) => {
         const o = new Intl.ListFormat(t, {
           ...i
         });
@@ -11763,7 +11761,7 @@ class E3 {
     this.formats[e.toLowerCase().trim()] = t;
   }
   addCached(e, t) {
-    this.formats[e.toLowerCase().trim()] = s1(t);
+    this.formats[e.toLowerCase().trim()] = o1(t);
   }
   format(e, t, i) {
     let o = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
@@ -11799,7 +11797,7 @@ class E3 {
 const A3 = (s, e) => {
   s.pending[e] !== void 0 && (delete s.pending[e], s.pendingCount--);
 };
-class D3 extends v1 {
+class D3 extends N1 {
   constructor(e, t, i) {
     let o = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
     super(), this.backend = e, this.store = t, this.services = i, this.languageUtils = i.languageUtils, this.options = o, this.logger = O.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = o.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = o.maxRetries >= 0 ? o.maxRetries : 5, this.retryTimeout = o.retryTimeout >= 1 ? o.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(i, o.backend, o);
@@ -11990,13 +11988,13 @@ const U1 = () => ({
     maxReplaces: 1e3,
     skipOnVariables: !0
   }
-}), z1 = (s) => (R(s.ns) && (s.ns = [s.ns]), R(s.fallbackLng) && (s.fallbackLng = [s.fallbackLng]), R(s.fallbackNS) && (s.fallbackNS = [s.fallbackNS]), s.supportedLngs && s.supportedLngs.indexOf("cimode") < 0 && (s.supportedLngs = s.supportedLngs.concat(["cimode"])), s), p1 = () => {
+}), z1 = (s) => (R(s.ns) && (s.ns = [s.ns]), R(s.fallbackLng) && (s.fallbackLng = [s.fallbackLng]), R(s.fallbackNS) && (s.fallbackNS = [s.fallbackNS]), s.supportedLngs && s.supportedLngs.indexOf("cimode") < 0 && (s.supportedLngs = s.supportedLngs.concat(["cimode"])), s), f1 = () => {
 }, B3 = (s) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(s)).forEach((t) => {
     typeof s[t] == "function" && (s[t] = s[t].bind(s));
   });
 };
-class c1 extends v1 {
+class C1 extends N1 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
     if (super(), this.options = z1(e), this.services = {}, this.logger = O, this.modules = {
@@ -12040,7 +12038,7 @@ class c1 extends v1 {
         for (var f = arguments.length, L = new Array(f > 1 ? f - 1 : 0), m = 1; m < f; m++)
           L[m - 1] = arguments[m];
         e.emit(w, ...L);
-      }), this.modules.languageDetector && (u.languageDetector = h(this.modules.languageDetector), u.languageDetector.init && u.languageDetector.init(u, this.options.detection, this.options)), this.modules.i18nFormat && (u.i18nFormat = h(this.modules.i18nFormat), u.i18nFormat.init && u.i18nFormat.init(this)), this.translator = new k1(this.services, this.options), this.translator.on("*", function(w) {
+      }), this.modules.languageDetector && (u.languageDetector = h(this.modules.languageDetector), u.languageDetector.init && u.languageDetector.init(u, this.options.detection, this.options)), this.modules.i18nFormat && (u.i18nFormat = h(this.modules.i18nFormat), u.i18nFormat.init && u.i18nFormat.init(this)), this.translator = new v1(this.services, this.options), this.translator.on("*", function(w) {
         for (var f = arguments.length, L = new Array(f > 1 ? f - 1 : 0), m = 1; m < f; m++)
           L[m - 1] = arguments[m];
         e.emit(w, ...L);
@@ -12048,7 +12046,7 @@ class c1 extends v1 {
         w.init && w.init(this);
       });
     }
-    if (this.format = this.options.interpolation.format, i || (i = p1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
+    if (this.format = this.options.interpolation.format, i || (i = f1), 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]);
     }
@@ -12061,7 +12059,7 @@ class c1 extends v1 {
         return e.store[a](...arguments), e;
       };
     });
-    const r = r1(), l = () => {
+    const r = a1(), l = () => {
       const a = (p, 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), r.resolve(u), i(p, u);
       };
@@ -12071,7 +12069,7 @@ class c1 extends v1 {
     return this.options.resources || !this.options.initImmediate ? l() : setTimeout(l, 0), r;
   }
   loadResources(e) {
-    let i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : p1;
+    let i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : f1;
     const o = R(e) ? e : this.language;
     if (typeof e == "function" && (i = e), !this.options.resources || this.options.partialBundledLanguages) {
       if (o && o.toLowerCase() === "cimode" && (!this.options.preload || this.options.preload.length === 0)) return i();
@@ -12088,8 +12086,8 @@ class c1 extends v1 {
       i(null);
   }
   reloadResources(e, t, i) {
-    const o = r1();
-    return typeof e == "function" && (i = e, e = void 0), typeof t == "function" && (i = t, t = void 0), e || (e = this.languages), t || (t = this.options.ns), i || (i = p1), this.services.backendConnector.reload(e, t, (h) => {
+    const o = a1();
+    return typeof e == "function" && (i = e, e = void 0), typeof t == "function" && (i = t, t = void 0), e || (e = this.languages), t || (t = this.options.ns), i || (i = f1), this.services.backendConnector.reload(e, t, (h) => {
       o.resolve(), i(h);
     }), o;
   }
@@ -12111,7 +12109,7 @@ class c1 extends v1 {
   changeLanguage(e, t) {
     var i = this;
     this.isLanguageChangingTo = e;
-    const o = r1();
+    const o = a1();
     this.emit("languageChanging", e);
     const h = (r) => {
       this.language = r, this.languages = this.services.languageUtils.toResolveHierarchy(r), this.resolvedLanguage = void 0, this.setResolvedLanguage(r);
@@ -12177,7 +12175,7 @@ class c1 extends v1 {
     return !!(this.hasResourceBundle(i, e) || !this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages || C(i, e) && (!o || C(h, e)));
   }
   loadNamespaces(e, t) {
-    const i = r1();
+    const i = a1();
     return this.options.ns ? (R(e) && (e = [e]), e.forEach((o) => {
       this.options.ns.indexOf(o) < 0 && this.options.ns.push(o);
     }), this.loadResources((o) => {
@@ -12185,7 +12183,7 @@ class c1 extends v1 {
     }), i) : (t && t(), Promise.resolve());
   }
   loadLanguages(e, t) {
-    const i = r1();
+    const i = a1();
     R(e) && (e = [e]);
     const o = this.options.preload || [], h = e.filter((C) => o.indexOf(C) < 0 && this.services.languageUtils.isSupportedCode(C));
     return h.length ? (this.options.preload = o.concat(h), this.loadResources((C) => {
@@ -12199,24 +12197,24 @@ class c1 extends v1 {
   }
   static createInstance() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    return new c1(e, t);
+    return new C1(e, t);
   }
   cloneInstance() {
-    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : p1;
+    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : f1;
     const i = e.forkResourceStore;
     i && delete e.forkResourceStore;
     const o = {
       ...this.options,
       ...e,
       isClone: !0
-    }, h = new c1(o);
+    }, h = new C1(o);
     return (e.debug !== void 0 || e.prefix !== void 0) && (h.logger = h.logger.clone(e)), ["store", "services", "language"].forEach((d) => {
       h[d] = this[d];
     }), h.services = {
       ...this.services
     }, h.services.utils = {
       hasLoadedNamespace: h.hasLoadedNamespace.bind(h)
-    }, i && (h.store = new W1(this.store.data, o), h.services.resourceStore = h.store), h.translator = new k1(h.services, o), h.translator.on("*", function(d) {
+    }, i && (h.store = new W1(this.store.data, o), h.services.resourceStore = h.store), h.translator = new v1(h.services, o), h.translator.on("*", function(d) {
       for (var r = arguments.length, l = new Array(r > 1 ? r - 1 : 0), a = 1; a < r; a++)
         l[a - 1] = arguments[a];
       h.emit(d, ...l);
@@ -12234,34 +12232,34 @@ class c1 extends v1 {
     };
   }
 }
-const B = c1.createInstance();
-B.createInstance = c1.createInstance;
-B.createInstance;
-B.dir;
-B.init;
-B.loadResources;
-B.reloadResources;
-B.use;
-B.changeLanguage;
-B.getFixedT;
-B.t;
-B.exists;
-B.setDefaultNamespace;
-B.hasLoadedNamespace;
-B.loadNamespaces;
-B.loadLanguages;
+const K = C1.createInstance();
+K.createInstance = C1.createInstance;
+K.createInstance;
+K.dir;
+K.init;
+K.loadResources;
+K.reloadResources;
+K.use;
+K.changeLanguage;
+K.getFixedT;
+K.t;
+K.exists;
+K.setDefaultNamespace;
+K.hasLoadedNamespace;
+K.loadNamespaces;
+K.loadLanguages;
 function K3() {
   if (console && console.warn) {
     for (var s = arguments.length, e = new Array(s), t = 0; t < s; t++)
       e[t] = arguments[t];
-    J(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
+    Q(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
   }
 }
 const J1 = {};
 function H1() {
   for (var s = arguments.length, e = new Array(s), t = 0; t < s; t++)
     e[t] = arguments[t];
-  J(e[0]) && J1[e[0]] || (J(e[0]) && (J1[e[0]] = /* @__PURE__ */ new Date()), K3(...e));
+  Q(e[0]) && J1[e[0]] || (Q(e[0]) && (J1[e[0]] = /* @__PURE__ */ new Date()), K3(...e));
 }
 const r2 = (s, e) => () => {
   if (s.isInitialized)
@@ -12277,10 +12275,10 @@ const r2 = (s, e) => () => {
 }, Q1 = (s, e, t) => {
   s.loadNamespaces(e, r2(s, t));
 }, q1 = (s, e, t, i) => {
-  J(t) && (t = [t]), t.forEach((o) => {
+  Q(t) && (t = [t]), t.forEach((o) => {
     s.options.ns.indexOf(o) < 0 && s.options.ns.push(o);
   }), s.loadLanguages(e, r2(s, i));
-}, S3 = function(s, e) {
+}, G3 = function(s, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const i = e.languages[0], o = e.options ? e.options.fallbackLng : !1, h = e.languages[e.languages.length - 1];
   if (i.toLowerCase() === "cimode") return !0;
@@ -12289,15 +12287,15 @@ const r2 = (s, e) => () => {
     return l === -1 || l === 2;
   };
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !C(e.isLanguageChangingTo, s) ? !1 : !!(e.hasResourceBundle(i, s) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || C(i, s) && (!o || C(h, s)));
-}, G3 = function(s, e) {
+}, S3 = function(s, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   return !e.languages || !e.languages.length ? (H1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(s, {
     lng: t.lng,
     precheck: (o, h) => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && o.services.backendConnector.backend && o.isLanguageChangingTo && !h(o.isLanguageChangingTo, s)) return !1;
     }
-  }) : S3(s, e, t);
-}, J = (s) => typeof s == "string", I3 = (s) => typeof s == "object" && s !== null, O3 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Y3 = {
+  }) : G3(s, e, t);
+}, Q = (s) => typeof s == "string", I3 = (s) => typeof s == "object" && s !== null, O3 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Y3 = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -12358,7 +12356,7 @@ class J3 {
 }
 const Q3 = (s, e) => {
   const t = j();
-  return D(() => {
+  return B(() => {
     t.current = s;
   }, [s, e]), t.current;
 }, h2 = (s, e, t, i) => s.getFixedT(e, t, i), q3 = (s, e, t, i) => I(h2(s, e, t, i), [s, e, t, i]), X3 = function(s) {
@@ -12371,7 +12369,7 @@ const Q3 = (s, e) => {
   } = $(z3) || {}, h = t || i || F3();
   if (h && !h.reportNamespaces && (h.reportNamespaces = new J3()), !h) {
     H1("You will need to pass in an i18next instance by using initReactI18next");
-    const v = (N, x) => J(x) ? x : I3(x) && J(x.defaultValue) ? x.defaultValue : Array.isArray(N) ? N[N.length - 1] : N, Z = [v, {}, !1];
+    const v = (N, x) => Q(x) ? x : I3(x) && Q(x.defaultValue) ? x.defaultValue : Array.isArray(N) ? N[N.length - 1] : N, Z = [v, {}, !1];
     return Z.t = v, Z.i18n = {}, Z.ready = !1, Z;
   }
   h.options.react && h.options.react.wait !== void 0 && H1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
@@ -12384,12 +12382,12 @@ const Q3 = (s, e) => {
     keyPrefix: r
   } = C;
   let l = s;
-  l = J(l) ? [l] : l || ["translation"], h.reportNamespaces.addUsedNamespaces && h.reportNamespaces.addUsedNamespaces(l);
-  const a = (h.isInitialized || h.initializedStoreOnce) && l.every((v) => G3(v, h, C)), p = q3(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), u = () => p, w = () => h2(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), [f, L] = y(u);
+  l = Q(l) ? [l] : l || ["translation"], h.reportNamespaces.addUsedNamespaces && h.reportNamespaces.addUsedNamespaces(l);
+  const a = (h.isInitialized || h.initializedStoreOnce) && l.every((v) => S3(v, h, C)), p = q3(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), u = () => p, w = () => h2(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), [f, L] = y(u);
   let m = l.join();
   e.lng && (m = `${e.lng}${m}`);
   const M = Q3(m), V = j(!0);
-  D(() => {
+  B(() => {
     const {
       bindI18n: v,
       bindI18nStore: Z
@@ -12405,7 +12403,7 @@ const Q3 = (s, e) => {
     return v && h && h.on(v, N), Z && h && h.store.on(Z, N), () => {
       V.current = !1, v && h && v.split(" ").forEach((x) => h.off(x, N)), Z && h && Z.split(" ").forEach((x) => h.store.off(x, N));
     };
-  }, [h, m]), D(() => {
+  }, [h, m]), B(() => {
     V.current && a && L(u);
   }, [h, r, a]);
   const b = [f, h, a];
@@ -12418,7 +12416,7 @@ const Q3 = (s, e) => {
 }, i6 = "Страна", s6 = {
   placeholder: i6
 };
-B.use(U3).init({
+K.use(U3).init({
   defaultNS: "common",
   lng: "en",
   resources: {
@@ -12430,7 +12428,7 @@ B.use(U3).init({
     }
   }
 });
-const c6 = q(
+const c6 = X(
   ({
     width: s,
     selectedCity: e,
@@ -12443,7 +12441,7 @@ const c6 = q(
     clearable: r,
     error: l
   }, a) => {
-    const [p, u] = y([]), [w, f] = y([]), [L, m] = y(!1), { locale: M, axiosPeople: V } = $(Q);
+    const [p, u] = y([]), [w, f] = y([]), [L, m] = y(!1), { locale: M, axiosPeople: V } = $(q);
     if (!V)
       throw new Error(
         `CountrySelect requires "axiosPeople" to fetch counties. 
@@ -12460,22 +12458,22 @@ const c6 = q(
         m(!1);
       }
     }, [V]);
-    D(() => {
+    B(() => {
       v();
-    }, []), D(() => {
+    }, []), B(() => {
       if (e) {
         const N = e.split("-")[1], x = w.filter(
           (E) => E.name.includes(N)
         );
         if (x.length) {
-          const E = x.map((S) => ({
-            label: S.name,
-            value: S.name
+          const E = x.map((G) => ({
+            label: G.name,
+            value: G.name
           }));
           i(E[0].value);
         }
       }
-    }, [e, w, i]), D(() => {
+    }, [e, w, i]), B(() => {
       const N = w.map((x) => ({
         label: x.name,
         value: x.name