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

package/dist/city-select.js

@@ -3,22 +3,22 @@ var R2 = (s, e, t) => e in s ? M2(s, e, { enumerable: !0, configurable: !0, writ
 var $1 = (s, e, t) => R2(s, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
 import { jsx as o, Fragment as t1, jsxs as g } from "react/jsx-runtime";
-import { COLORS as c, SNMTUiContext as c1 } from "@snmt-react-ui/core";
-import { forwardRef as l1, useState as A, useRef as G, useCallback as O, useEffect as B, useMemo as T1, useImperativeHandle as C1, useContext as s1, createContext as d2 } from "react";
-import { Select as V2, Tag as j1, Flex as Z2, Checkbox as H2, Avatar as _2, Typography as v1, Popover as b2 } from "antd";
+import { COLORS as c, SNMTUiContext as C1 } from "@snmt-react-ui/core";
+import { forwardRef as r1, useState as A, useRef as O, useCallback as I, useEffect as K, useMemo as T1, useImperativeHandle as d1, useContext as n1, createContext as d2 } from "react";
+import { Select as V2, Tag as W1, Flex as Z2, Checkbox as H2, Avatar as _2, Typography as v1, Popover as b2 } from "antd";
 var y2 = Object.defineProperty, E2 = (s, e, t) => e in s ? y2(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, A2 = (s, e, t) => E2(s, e + "", t), D2 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function B2() {
+function K2() {
   if (console && console.warn) {
     for (var s = arguments.length, e = new Array(s), t = 0; t < s; t++)
       e[t] = arguments[t];
-    a1(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
+    h1(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
   }
 }
 const P1 = {};
-function G1() {
+function O1() {
   for (var s = arguments.length, e = new Array(s), t = 0; t < s; t++)
     e[t] = arguments[t];
-  a1(e[0]) && P1[e[0]] || (a1(e[0]) && (P1[e[0]] = /* @__PURE__ */ new Date()), B2(...e));
+  h1(e[0]) && P1[e[0]] || (h1(e[0]) && (P1[e[0]] = /* @__PURE__ */ new Date()), K2(...e));
 }
 const g2 = (s, e) => () => {
   if (s.isInitialized)
@@ -34,10 +34,10 @@ const g2 = (s, e) => () => {
 }, F1 = (s, e, t) => {
   s.loadNamespaces(e, g2(s, t));
 }, U1 = (s, e, t, i) => {
-  a1(t) && (t = [t]), t.forEach((n) => {
+  h1(t) && (t = [t]), t.forEach((n) => {
     s.options.ns.indexOf(n) < 0 && s.options.ns.push(n);
   }), s.loadLanguages(e, g2(s, i));
-}, K2 = function(s, e) {
+}, B2 = function(s, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const i = e.languages[0], n = e.options ? e.options.fallbackLng : !1, h = e.languages[e.languages.length - 1];
   if (i.toLowerCase() === "cimode") return !0;
@@ -48,13 +48,13 @@ const g2 = (s, e) => () => {
   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) && (!n || C(h, s)));
 }, S2 = function(s, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  return !e.languages || !e.languages.length ? (G1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(s, {
+  return !e.languages || !e.languages.length ? (O1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(s, {
     lng: t.lng,
     precheck: (i, n) => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && i.services.backendConnector.backend && i.isLanguageChangingTo && !n(i.isLanguageChangingTo, s)) return !1;
     }
-  }) : K2(s, e, t);
-}, a1 = (s) => typeof s == "string", G2 = (s) => typeof s == "object" && s !== null, O2 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, I2 = {
+  }) : B2(s, e, t);
+}, h1 = (s) => typeof s == "string", G2 = (s) => typeof s == "object" && s !== null, O2 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, I2 = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -100,24 +100,24 @@ class U2 {
   }
 }
 const z2 = (s, e) => {
-  const t = G();
-  return B(() => {
+  const t = O();
+  return K(() => {
     t.current = s;
   }, [s, e]), t.current;
-}, u2 = (s, e, t, i) => s.getFixedT(e, t, i), J2 = (s, e, t, i) => O(u2(s, e, t, i), [s, e, t, i]), q2 = function(s) {
+}, u2 = (s, e, t, i) => s.getFixedT(e, t, i), J2 = (s, e, t, i) => I(u2(s, e, t, i), [s, e, t, i]), q2 = function(s) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
   } = e, {
     i18n: i,
     defaultNS: n
-  } = s1(F2) || {}, h = t || i || P2();
+  } = n1(F2) || {}, h = t || i || P2();
   if (h && !h.reportNamespaces && (h.reportNamespaces = new U2()), !h) {
-    G1("You will need to pass in an i18next instance by using initReactI18next");
-    const N = (R, v) => a1(v) ? v : G2(v) && a1(v.defaultValue) ? v.defaultValue : Array.isArray(R) ? R[R.length - 1] : R, k = [N, {}, !1];
-    return k.t = N, k.i18n = {}, k.ready = !1, k;
+    O1("You will need to pass in an i18next instance by using initReactI18next");
+    const x = (R, v) => h1(v) ? v : G2(v) && h1(v.defaultValue) ? v.defaultValue : Array.isArray(R) ? R[R.length - 1] : R, k = [x, {}, !1];
+    return k.t = x, k.i18n = {}, k.ready = !1, k;
   }
-  h.options.react && h.options.react.wait !== void 0 && G1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
+  h.options.react && h.options.react.wait !== void 0 && O1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const C = {
     ...$2(),
     ...h.options.react,
@@ -127,14 +127,14 @@ const z2 = (s, e) => {
     keyPrefix: r
   } = C;
   let l = s;
-  l = a1(l) ? [l] : l || ["translation"], h.reportNamespaces.addUsedNamespaces && h.reportNamespaces.addUsedNamespaces(l);
-  const a = (h.isInitialized || h.initializedStoreOnce) && l.every((N) => S2(N, h, C)), p = J2(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), u = () => p, w = () => u2(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), [f, m] = A(u);
+  l = h1(l) ? [l] : l || ["translation"], h.reportNamespaces.addUsedNamespaces && h.reportNamespaces.addUsedNamespaces(l);
+  const a = (h.isInitialized || h.initializedStoreOnce) && l.every((x) => S2(x, h, C)), p = J2(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), u = () => p, w = () => u2(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), [f, m] = A(u);
   let L = l.join();
   e.lng && (L = `${e.lng}${L}`);
-  const M = z2(L), Z = G(!0);
-  B(() => {
+  const M = z2(L), Z = O(!0);
+  K(() => {
     const {
-      bindI18n: N,
+      bindI18n: x,
       bindI18nStore: k
     } = C;
     Z.current = !0, !a && !d && (e.lng ? U1(h, e.lng, l, () => {
@@ -145,16 +145,16 @@ const z2 = (s, e) => {
     const R = () => {
       Z.current && m(w);
     };
-    return N && h && h.on(N, R), k && h && h.store.on(k, R), () => {
-      Z.current = !1, N && h && N.split(" ").forEach((v) => h.off(v, R)), k && h && k.split(" ").forEach((v) => h.store.off(v, R));
+    return x && h && h.on(x, R), k && h && h.store.on(k, R), () => {
+      Z.current = !1, x && h && x.split(" ").forEach((v) => h.off(v, R)), k && h && k.split(" ").forEach((v) => h.store.off(v, R));
     };
-  }, [h, L]), B(() => {
+  }, [h, L]), K(() => {
     Z.current && a && m(u);
   }, [h, r, a]);
   const D = [f, h, a];
   if (D.t = f, D.i18n = h, D.ready = a, a || !a && !d) return D;
-  throw new Promise((N) => {
-    e.lng ? U1(h, e.lng, l, () => N()) : F1(h, l, () => N());
+  throw new Promise((x) => {
+    e.lng ? U1(h, e.lng, l, () => x()) : F1(h, l, () => x());
   });
 }, L1 = ({
   children: s,
@@ -183,7 +183,7 @@ const z2 = (s, e) => {
   h2: 2,
   h3: 3,
   h4: 4
-}, z1 = l1(
+}, z1 = r1(
   ({
     align: s = "inherit",
     variant: e = "body1",
@@ -195,10 +195,10 @@ const z2 = (s, e) => {
     /** This prop allows you to enable tooltip if text size is too big */
     trim: d = !1
   }, r) => {
-    const l = G(null);
-    C1(r, () => l.current);
+    const l = O(null);
+    d1(r, () => l.current);
     const [a, p] = A(!1);
-    B(() => {
+    K(() => {
       var m;
       if (!d) return;
       const L = () => {
@@ -275,7 +275,7 @@ const z2 = (s, e) => {
   h2: 2,
   h3: 3,
   h4: 4
-}, o5 = l1(
+}, o5 = r1(
   ({
     align: s = "inherit",
     variant: e = "body1",
@@ -287,10 +287,10 @@ const z2 = (s, e) => {
     /** This prop allows you to enable tooltip if text size is too big */
     trim: d = !1
   }, r) => {
-    const l = G(null);
-    C1(r, () => l.current);
+    const l = O(null);
+    d1(r, () => l.current);
     const [a, p] = A(!1);
-    B(() => {
+    K(() => {
       var m;
       if (!d) return;
       const L = () => {
@@ -328,10 +328,10 @@ const z2 = (s, e) => {
   disableUncheck: h = !1
 }) => {
   const [C, d] = A(s), [r, l] = A(e);
-  B(() => {
+  K(() => {
     d(s), l(e);
   }, [s, e]);
-  const { theme: a } = s1(c1);
+  const { theme: a } = n1(C1);
   return /* @__PURE__ */ o(
     H2,
     {
@@ -1350,7 +1350,7 @@ const z2 = (s, e) => {
       )
     ]
   }
-), B5 = ({
+), K5 = ({
   width: s = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -1376,7 +1376,7 @@ const z2 = (s, e) => {
       }
     )
   }
-), K5 = ({
+), B5 = ({
   width: s = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -2609,7 +2609,7 @@ const z2 = (s, e) => {
   disabled: h = !1,
   onClick: C
 }) => {
-  const { theme: d } = s1(c1), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, l = h ? void 0 : C, a = C && !h ? `${n || ""} clickable` : n;
+  const { theme: d } = n1(C1), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, l = h ? void 0 : C, a = C && !h ? `${n || ""} clickable` : n;
   return /* @__PURE__ */ o(t1, { children: (() => {
     switch (s) {
       case "nextIcon":
@@ -2689,7 +2689,7 @@ const z2 = (s, e) => {
           onClick: l
         });
       case "selectArrowIcon":
-        return B5({
+        return K5({
           width: e,
           height: t,
           color: r,
@@ -2697,7 +2697,7 @@ const z2 = (s, e) => {
           onClick: l
         });
       case "expandArrowIcon":
-        return K5({
+        return B5({
           width: e,
           height: t,
           color: r,
@@ -2791,7 +2791,7 @@ const z2 = (s, e) => {
   h2: 2,
   h3: 3,
   h4: 4
-}, k7 = l1(
+}, k7 = r1(
   ({
     align: s = "inherit",
     variant: e = "body1",
@@ -2803,10 +2803,10 @@ const z2 = (s, e) => {
     /** This prop allows you to enable tooltip if text size is too big */
     trim: d = !1
   }, r) => {
-    const l = G(null);
-    C1(r, () => l.current);
+    const l = O(null);
+    d1(r, () => l.current);
     const [a, p] = A(!1);
-    B(() => {
+    K(() => {
       var m;
       if (!d) return;
       const L = () => {
@@ -3306,7 +3306,7 @@ const z2 = (s, e) => {
       )
     ]
   }
-), B7 = ({
+), K7 = ({
   width: s = 20,
   height: e = 20,
   color: t = c.GREY_DARK_5,
@@ -3346,7 +3346,7 @@ const z2 = (s, e) => {
       )
     ]
   }
-), K7 = ({
+), B7 = ({
   width: s = 20,
   height: e = 20,
   color: t = c.GREY_DARK_5,
@@ -5092,7 +5092,7 @@ const z2 = (s, e) => {
   disabled: h = !1,
   onClick: C
 }) => {
-  const { theme: d } = s1(c1), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, l = h ? void 0 : C, a = C && !h ? `${n || ""} clickable` : n;
+  const { theme: d } = n1(C1), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, l = h ? void 0 : C, a = C && !h ? `${n || ""} clickable` : n;
   return /* @__PURE__ */ o(t1, { children: (() => {
     switch (s) {
       case "nextIcon":
@@ -5120,9 +5120,9 @@ const z2 = (s, e) => {
       case "filter":
         return D7({ width: e, height: t, color: r, className: a, onClick: l });
       case "attention":
-        return B7({ width: e, height: t, color: r, className: a, onClick: l });
-      case "users":
         return K7({ width: e, height: t, color: r, className: a, onClick: l });
+      case "users":
+        return B7({ width: e, height: t, color: r, className: a, onClick: l });
       case "mySkillsMatrix":
         return S7({
           width: e,
@@ -5281,7 +5281,7 @@ const z2 = (s, e) => {
     h || i == null || i();
   };
   return /* @__PURE__ */ o(
-    j1,
+    W1,
     {
       className: `snmt-tag ${t} ${h ? "disabled" : ""}`,
       closeIcon: /* @__PURE__ */ o(
@@ -5312,7 +5312,7 @@ const z2 = (s, e) => {
   h2: 2,
   h3: 3,
   h4: 4
-}, B0 = l1(
+}, K0 = r1(
   ({
     align: s = "inherit",
     variant: e = "body1",
@@ -5324,10 +5324,10 @@ const z2 = (s, e) => {
     /** This prop allows you to enable tooltip if text size is too big */
     trim: d = !1
   }, r) => {
-    const l = G(null);
-    C1(r, () => l.current);
+    const l = O(null);
+    d1(r, () => l.current);
     const [a, p] = A(!1);
-    B(() => {
+    K(() => {
       var m;
       if (!d) return;
       const L = () => {
@@ -5356,7 +5356,7 @@ const z2 = (s, e) => {
     };
     return u ? /* @__PURE__ */ o(E0, { level: D0[e], ...f, children: i }) : /* @__PURE__ */ o(A0, { ...f, children: i });
   }
-), K0 = ({
+), B0 = ({
   children: s,
   content: e,
   isOpen: t,
@@ -5386,7 +5386,7 @@ const z2 = (s, e) => {
   h2: 2,
   h3: 3,
   h4: 4
-}, p2 = l1(
+}, p2 = r1(
   ({
     align: s = "inherit",
     variant: e = "body1",
@@ -5398,10 +5398,10 @@ const z2 = (s, e) => {
     /** This prop allows you to enable tooltip if text size is too big */
     trim: d = !1
   }, r) => {
-    const l = G(null);
-    C1(r, () => l.current);
+    const l = O(null);
+    d1(r, () => l.current);
     const [a, p] = A(!1);
-    B(() => {
+    K(() => {
       var m;
       if (!d) return;
       const L = () => {
@@ -7127,7 +7127,7 @@ const z2 = (s, e) => {
       }
     )
   }
-), B9 = ({
+), K9 = ({
   className: s,
   color: e = c.GREY_DARK_5,
   height: t = 24,
@@ -7166,7 +7166,7 @@ const z2 = (s, e) => {
       )
     ]
   }
-), K9 = ({
+), B9 = ({
   className: s,
   color: e = c.GREY_DARK_5,
   height: t = 20,
@@ -7678,7 +7678,7 @@ const z2 = (s, e) => {
       }
     )
   }
-), H1 = ({
+), _1 = ({
   name: s,
   width: e,
   height: t,
@@ -7687,7 +7687,7 @@ const z2 = (s, e) => {
   disabled: h = !1,
   onClick: C
 }) => {
-  const { theme: d } = s1(c1), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, l = h ? void 0 : C, a = C && !h ? `${n || ""} clickable` : n;
+  const { theme: d } = n1(C1), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, l = h ? void 0 : C, a = C && !h ? `${n || ""} clickable` : n;
   return /* @__PURE__ */ o(t1, { children: (() => {
     switch (s) {
       case "nextIcon":
@@ -7831,9 +7831,9 @@ const z2 = (s, e) => {
       case "back":
         return D9({ width: e, height: t, color: r, className: a, onClick: l });
       case "bell":
-        return B9({ width: e, height: t, color: r, className: a, onClick: l });
-      case "copy":
         return K9({ width: e, height: t, color: r, className: a, onClick: l });
+      case "copy":
+        return B9({ width: e, height: t, color: r, className: a, onClick: l });
       case "contract":
         return S9({ width: e, height: t, color: r, className: a, onClick: l });
       case "resourceManager":
@@ -7880,7 +7880,7 @@ const z2 = (s, e) => {
     purple: c.PURPLE_LIGHT
   };
   return /* @__PURE__ */ o(
-    j1,
+    W1,
     {
       className: `snmt-regular-badge snmt-regular-badge--${t}`,
       style: {
@@ -7898,7 +7898,7 @@ const z2 = (s, e) => {
 }) => {
   const n = {
     approved: /* @__PURE__ */ o(
-      H1,
+      _1,
       {
         name: "checkCircle",
         width: 14,
@@ -7906,9 +7906,9 @@ const z2 = (s, e) => {
         color: c.NOTIFICATION_SUCCESS_DARK
       }
     ),
-    pending: /* @__PURE__ */ o(H1, { name: "history", width: 14, height: 14, color: c.NOTIFICATION_WARNING_DARK }),
+    pending: /* @__PURE__ */ o(_1, { name: "history", width: 14, height: 14, color: c.NOTIFICATION_WARNING_DARK }),
     rejected: /* @__PURE__ */ o(
-      H1,
+      _1,
       {
         name: "cancelCircle",
         width: 14,
@@ -7916,7 +7916,7 @@ const z2 = (s, e) => {
         color: c.NOTIFICATION_ERROR_DARK
       }
     ),
-    canceled: /* @__PURE__ */ o(H1, { name: "cancelCircle", width: 14, height: 14, color: c.GREY_DARK_2 })
+    canceled: /* @__PURE__ */ o(_1, { name: "cancelCircle", width: 14, height: 14, color: c.GREY_DARK_2 })
   }, h = {
     approved: c.NOTIFICATION_SUCCESS_LIGHT,
     pending: c.NOTIFICATION_WARNING_LIGHT,
@@ -7929,7 +7929,7 @@ const z2 = (s, e) => {
     canceled: c.GREY_DARK_3
   };
   return /* @__PURE__ */ g(
-    j1,
+    W1,
     {
       className: `snmt-status-badge snmt-status-badge--${t ? "with-icon" : "without-icon"}`,
       style: { background: h[e], width: i ?? "fit-content" },
@@ -7961,8 +7961,8 @@ const X9 = ({
   extraOptions: C,
   selectedItemVariant: d = "default"
 }) => {
-  const { locale: r } = s1(c1), { t: l } = q2("common", { lng: r }), [a, p] = A(!1);
-  if (B(() => {
+  const { locale: r } = n1(C1), { t: l } = q2("common", { lng: r }), [a, p] = A(!1);
+  if (K(() => {
     s.length || p(!1);
   }, [s]), !s.length)
     return null;
@@ -7971,7 +7971,7 @@ const X9 = ({
     return ((f = h == null ? void 0 : h.find((L) => L.value === w)) == null ? void 0 : f.label) || ((m = C == null ? void 0 : C.find((L) => L.value === w)) == null ? void 0 : m.label) || w;
   };
   return /* @__PURE__ */ g(
-    K0,
+    B0,
     {
       content: (
         // 90: paddings + margins + gaps and so on
@@ -9203,7 +9203,7 @@ const X9 = ({
       )
     ]
   }
-), B4 = ({
+), K4 = ({
   className: s,
   color: e = c.GREY_DARK_5,
   height: t = 20,
@@ -9230,7 +9230,7 @@ const X9 = ({
       }
     )
   }
-), K4 = ({
+), B4 = ({
   className: s,
   color: e = c.GREY_DARK_5,
   height: t = 20,
@@ -10279,13 +10279,13 @@ const X9 = ({
   disabled: h = !1,
   onClick: C
 }) => {
-  const { theme: d } = s1(c1), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, l = h ? void 0 : C, a = C && !h ? `${n || ""} clickable` : n;
+  const { theme: d } = n1(C1), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, l = h ? void 0 : C, a = C && !h ? `${n || ""} clickable` : n;
   return /* @__PURE__ */ o(t1, { children: (() => {
     switch (s) {
       case "nextIcon":
-        return B4({ width: e, height: t, color: r, className: a, onClick: l });
-      case "prevIcon":
         return K4({ width: e, height: t, color: r, className: a, onClick: l });
+      case "prevIcon":
+        return B4({ width: e, height: t, color: r, className: a, onClick: l });
       case "arrowDown":
         return t4({ width: e, height: t, color: r, className: a, onClick: l });
       case "info":
@@ -10487,7 +10487,7 @@ function g3(s, e) {
 function u3(s, e) {
   return e ? c.GREY_DARK_2 : s ? c.GREY_LIGHT_0 : c.GREY_DARK_4;
 }
-const w3 = l1((s, e) => {
+const w3 = r1((s, e) => {
   const {
     value: t,
     onChange: i,
@@ -10507,40 +10507,40 @@ const w3 = l1((s, e) => {
     id: M,
     extraOptions: Z,
     dropdownRender: D,
-    optionRender: N,
+    optionRender: x,
     isLoading: k,
     readOnly: R,
     error: v,
     selectedItemVariant: H = "default",
-    variant: b = "outlined"
+    variant: y = "outlined"
   } = s;
   let z;
   h && h !== "single" && (z = s.overflowBehaviour ?? "responsive");
-  const [K, q] = A(!1), [F, Q] = A(!1), [W, X] = A(!1), [n1, S] = A(!0), [_, $] = A(t), o1 = G(null);
-  B(() => {
-    $(t);
+  const [B, q] = A(!1), [F, Q] = A(!1), [$, X] = A(!1), [o1, S] = A(!0), [_, T] = A(t), l1 = O(null);
+  K(() => {
+    T(t);
   }, [t]);
-  const N1 = (x) => {
-    q(x), f && f(x);
-  }, x1 = (x, E) => {
-    var P;
-    return !!((P = E == null ? void 0 : E.label) != null && P.toString().toLowerCase().includes(x.toLowerCase()));
+  const N1 = (N) => {
+    q(N), f && f(N);
+  }, x1 = (N, b) => {
+    var G;
+    return !!((G = b == null ? void 0 : b.label) != null && G.toString().toLowerCase().includes(N.toLowerCase()));
   }, M1 = () => {
     Q(!0);
   }, R1 = () => {
     Q(!1);
-  }, i1 = O(
-    (x) => {
-      if ($(x), h && h !== "single") {
-        const P = x;
-        i == null || i(P);
+  }, i1 = I(
+    (N) => {
+      if (T(N), h && h !== "single") {
+        const G = N;
+        i == null || i(G);
         return;
       }
-      let E = null;
-      Array.isArray(x) && H === "badge" ? E = x.length > 0 ? x[0] : null : Array.isArray(x) || (E = x || null), i == null || i(E);
+      let b = null;
+      Array.isArray(N) && H === "badge" ? b = N.length > 0 ? N[0] : null : Array.isArray(N) || (b = N || null), i == null || i(b);
     },
     [h, i, H]
-  ), V1 = O(() => {
+  ), V1 = I(() => {
     if (!(R || l)) {
       if (h) {
         i1([]);
@@ -10548,71 +10548,71 @@ const w3 = l1((s, e) => {
       }
       i1("");
     }
-  }, [l, i1, h, R]), r1 = O(
-    (x) => {
-      const E = _.filter((P) => P !== x);
-      i1(E), $(E);
+  }, [l, i1, h, R]), a1 = I(
+    (N) => {
+      const b = _.filter((G) => G !== N);
+      i1(b), T(b);
     },
     [i1, _]
-  ), Z1 = O(
-    (x) => (_ == null ? void 0 : _.indexOf(x)) === 0 ? (
+  ), Z1 = I(
+    (N) => (_ == null ? void 0 : _.indexOf(N)) === 0 ? (
       // if the search input is empty
       // then display the placeholder, else do not display it
-      /* @__PURE__ */ o("span", { className: "custom-placeholder", children: n1 ? n : "" })
+      /* @__PURE__ */ o("span", { className: "custom-placeholder", children: o1 ? n : "" })
     ) : /* @__PURE__ */ o(t1, {}),
-    [n1, _, n]
-  ), y = (x) => {
-    x.preventDefault(), x.stopPropagation();
-  }, Y = async (x) => {
-    const { target: E } = x;
-    E.scrollTop + E.offsetHeight >= E.scrollHeight - u && (m == null || m(!0)), L && await L(x);
-  }, U = O(
-    (x) => {
-      var E, P;
-      return ((E = d.find((d1) => d1.value === x)) == null ? void 0 : E.label) || ((P = Z == null ? void 0 : Z.find((d1) => d1.value === x)) == null ? void 0 : P.label) || x;
+    [o1, _, n]
+  ), E = (N) => {
+    N.preventDefault(), N.stopPropagation();
+  }, j = async (N) => {
+    const { target: b } = N;
+    b.scrollTop + b.offsetHeight >= b.scrollHeight - u && (m == null || m(!0)), L && await L(N);
+  }, U = I(
+    (N) => {
+      var b, G;
+      return ((b = d.find((s1) => s1.value === N)) == null ? void 0 : b.label) || ((G = Z == null ? void 0 : Z.find((s1) => s1.value === N)) == null ? void 0 : G.label) || N;
     },
     [Z, d]
-  ), j = O(
-    (x, E = "default") => {
-      var P;
+  ), W = I(
+    (N, b = "default") => {
+      var G;
       return /* @__PURE__ */ o(
         X9,
         {
-          values: x,
-          onTagClose: r1,
-          maxWidth: ((P = o1.current) == null ? void 0 : P.clientWidth) || 0,
+          values: N,
+          onTagClose: a1,
+          maxWidth: ((G = l1.current) == null ? void 0 : G.clientWidth) || 0,
           disabled: l,
           closable: !R,
           options: d,
           extraOptions: Z,
-          selectedItemVariant: E
+          selectedItemVariant: b
         }
       );
     },
-    [l, Z, r1, d, R]
-  ), T = O(
-    ({ label: x, value: E, mode: P }) => {
-      if (P === "filter")
-        return Z1(E);
+    [l, Z, a1, d, R]
+  ), P = I(
+    ({ label: N, value: b, mode: G }) => {
+      if (G === "filter")
+        return Z1(b);
       {
-        const d1 = H === "badge" && d.find((x2) => x2.label === x), W1 = typeof x == "object" ? x : U(E);
-        return /* @__PURE__ */ o("div", { onMouseDown: y, className: "tag-wrapper", children: H === "badge" ? /* @__PURE__ */ o(
+        const s1 = H === "badge" && d.find((x2) => x2.label === N), H1 = typeof N == "object" ? N : U(b);
+        return /* @__PURE__ */ o("div", { onMouseDown: E, className: "tag-wrapper", children: H === "badge" ? /* @__PURE__ */ o(
           f2,
           {
             variant: "regular",
             size: "small",
-            color: d1 ? d1.color : "cyan",
-            text: W1
+            color: s1 ? s1.color : "cyan",
+            text: H1
           }
-        ) : /* @__PURE__ */ o(w2, { onClose: () => r1(E), disabled: l, children: W1 }) });
+        ) : /* @__PURE__ */ o(w2, { onClose: () => a1(b), disabled: l, children: H1 }) });
       }
     },
-    [l, U, r1, Z1, H, d]
+    [l, U, a1, Z1, H, d]
   ), J = Array.isArray(_) && _.length > 0 || !!_ && typeof _ == "string" && _.trim() !== "";
   return /* @__PURE__ */ g(
     "div",
     {
-      className: `snmt-select-container ${b === "borderless" ? "snmt-select-container-borderless" : ""}`,
+      className: `snmt-select-container ${y === "borderless" ? "snmt-select-container-borderless" : ""}`,
       children: [
         /* @__PURE__ */ g(
           "div",
@@ -10621,8 +10621,8 @@ const w3 = l1((s, e) => {
                     ${h ? "" : "snmt-select-single"} 
                     ${R ? "snmt-select-read-only" : ""} 
                     ${z === "static" ? "snmt-select-static" : ""} 
-                    ${b === "borderless" ? "snmt-select-borderless" : ""}`,
-            ref: o1,
+                    ${y === "borderless" ? "snmt-select-borderless" : ""}`,
+            ref: l1,
             style: { width: r },
             children: [
               /* @__PURE__ */ o(
@@ -10637,27 +10637,27 @@ const w3 = l1((s, e) => {
                   onDropdownVisibleChange: N1,
                   disabled: l,
                   value: _ || void 0,
-                  labelRender: (x) => {
-                    const E = U(x.value);
-                    return l ? /* @__PURE__ */ o("span", { style: { color: c.GREY_DARK_1 }, children: E }) : E;
+                  labelRender: (N) => {
+                    const b = U(N.value);
+                    return l ? /* @__PURE__ */ o("span", { style: { color: c.GREY_DARK_1 }, children: b }) : b;
                   },
                   mode: p3(h, H),
-                  variant: b,
+                  variant: y,
                   onChange: i1,
                   onFocus: M1,
                   onBlur: R1,
                   onMouseEnter: () => X(!0),
                   onMouseLeave: () => X(!1),
-                  onSearch: (x) => {
-                    S(!x), w && w(x);
+                  onSearch: (N) => {
+                    S(!N), w && w(N);
                   },
                   onSelect: () => S(!0),
                   onDeselect: () => S(!0),
-                  tagRender: (x) => T({ ...x, mode: h }),
+                  tagRender: (N) => P({ ...N, mode: h }),
                   maxTagCount: z === "responsive" ? "responsive" : void 0,
                   maxCount: h === "single" && H === "badge" ? 1 : void 0,
-                  maxTagPlaceholder: (x) => j(x, H),
-                  onPopupScroll: Y,
+                  maxTagPlaceholder: (N) => W(N, H),
+                  onPopupScroll: j,
                   prefix: k && /* @__PURE__ */ o(J1, { size: "small" }),
                   suffixIcon: /* @__PURE__ */ o("div", { className: "wrapper-suffix-icon", children: h !== "filter" && /* @__PURE__ */ g(t1, { children: [
                     _ && !!_.length && p && /* @__PURE__ */ o(
@@ -10676,54 +10676,52 @@ const w3 = l1((s, e) => {
                         )
                       }
                     ),
-                    b === "borderless" && (W || F) && /* @__PURE__ */ o(
+                    y === "borderless" && ($ || F) && /* @__PURE__ */ o(
                       d3,
                       {
-                        isActive: K,
-                        onClick: () => q(!K)
+                        isActive: B,
+                        onClick: () => q(!B)
                       }
                     ),
-                    b === "outlined" && /* @__PURE__ */ o(
+                    y === "outlined" && /* @__PURE__ */ o(
                       p1,
                       {
                         name: "selectArrowIcon",
                         color: l ? c.GREY_DARK_1 : c.GREY_DARK_5,
-                        className: K ? "select-arrow-rotated" : "select-arrow",
-                        onClick: () => q(!K)
+                        className: B ? "select-arrow-rotated" : "select-arrow",
+                        onClick: () => q(!B)
                       }
                     )
                   ] }) }),
                   removeIcon: /* @__PURE__ */ o(p1, { name: "cancelCircle", color: c.GREY_DARK_1 }),
                   options: d,
-                  optionRender: (x) => N ? N(x.data) : /* @__PURE__ */ g(L1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
-                    /* @__PURE__ */ g(L1, { alignItems: "center", gap: 12, children: [
-                      h && /* @__PURE__ */ o(
-                        l5,
-                        {
-                          checked: !!(_ != null && _.includes(x.value))
-                        }
-                      ),
-                      /* @__PURE__ */ g(L1, { alignItems: "center", gap: 8, children: [
-                        x.data.image !== void 0 && /* @__PURE__ */ o(
-                          t5,
-                          {
-                            src: x.data.image,
-                            variant: "xsmall",
-                            fallbackText: x.data.imageFallbackText ? x.data.imageFallbackText : ""
-                          }
-                        ),
-                        /* @__PURE__ */ o("span", { children: x.label })
-                      ] })
-                    ] }),
-                    !h && _ === x.value && /* @__PURE__ */ o(p1, { name: "check", color: c.BLUE_DARK_1 })
-                  ] }),
-                  dropdownRender: (x) => /* @__PURE__ */ g("div", { className: "dropdown-container", children: [
-                    /* @__PURE__ */ o("div", { className: "dropdown-menu", children: D ? D(x) : x }),
+                  optionRender: (N) => {
+                    const b = h === "single" && H === "badge", G = Array.isArray(_) ? !!(_ != null && _.includes(N.value)) : _ === N.value, s1 = b ? _ : void 0, H1 = b ? ((s1 == null ? void 0 : s1.length) || 0) > 0 : !1;
+                    return x ? x(N.data) : /* @__PURE__ */ g(L1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                      /* @__PURE__ */ g(L1, { alignItems: "center", gap: 12, children: [
+                        h && h !== "single" || b ? /* @__PURE__ */ o(l5, { checked: G, disabled: b && H1 && !G }) : null,
+                        /* @__PURE__ */ g(L1, { alignItems: "center", gap: 8, children: [
+                          N.data.image !== void 0 && /* @__PURE__ */ o(
+                            t5,
+                            {
+                              src: N.data.image,
+                              variant: "xsmall",
+                              fallbackText: N.data.imageFallbackText ? N.data.imageFallbackText : ""
+                            }
+                          ),
+                          /* @__PURE__ */ o("span", { children: N.label })
+                        ] })
+                      ] }),
+                      !h && _ === N.value && /* @__PURE__ */ o(p1, { name: "check", color: c.BLUE_DARK_1 })
+                    ] });
+                  },
+                  dropdownRender: (N) => /* @__PURE__ */ g("div", { className: "dropdown-container", children: [
+                    /* @__PURE__ */ o("div", { className: "dropdown-menu", children: D ? D(N) : N }),
                     k && /* @__PURE__ */ o("div", { className: "loading-overlay", children: /* @__PURE__ */ o(J1, {}) })
                   ] })
                 }
               ),
-              n && b !== "borderless" && /* @__PURE__ */ o(
+              n && y !== "borderless" && /* @__PURE__ */ o(
                 "label",
                 {
                   className: `${F || J ? "label-floating" : ""} ${l ? "label-disabled" : ""} ${F ? "label-focused" : ""} ${k ? "label-loading" : ""} ${v ? "label-error" : ""}`,
@@ -10734,8 +10732,8 @@ const w3 = l1((s, e) => {
                 "fieldset",
                 {
                   className: `${F ? "fieldset-focused" : ""} ${l ? "fieldset-disabled" : ""} ${J ? "fieldset-filled" : ""} ${v ? "fieldset-error" : ""} 
-                        ${W ? "fieldset-hovered" : ""}`,
-                  children: /* @__PURE__ */ o("legend", { children: n && b !== "borderless" && /* @__PURE__ */ o("span", { children: a ? `${n}*` : n }) })
+                        ${$ ? "fieldset-hovered" : ""}`,
+                  children: /* @__PURE__ */ o("legend", { children: n && y !== "borderless" && /* @__PURE__ */ o("span", { children: a ? `${n}*` : n }) })
                 }
               )
             ]
@@ -10751,7 +10749,7 @@ const w3 = l1((s, e) => {
               width: 16
             }
           ),
-          typeof v == "string" ? /* @__PURE__ */ o(B0, { color: c.NOTIFICATION_ERROR_DARK, variant: "body4", children: v }) : v
+          typeof v == "string" ? /* @__PURE__ */ o(K0, { color: c.NOTIFICATION_ERROR_DARK, variant: "body4", children: v }) : v
         ] })
       ]
     }
@@ -10761,8 +10759,8 @@ function p3(s, e) {
   return s === "filter" || s === "single" && e === "badge" ? "multiple" : s === "single" ? void 0 : s;
 }
 function f3(s, e = 500) {
-  const t = G();
-  return B(() => () => {
+  const t = O();
+  return K(() => () => {
     t.current && clearTimeout(t.current);
   }, []), (...i) => {
     const n = setTimeout(() => {
@@ -10772,14 +10770,14 @@ function f3(s, e = 500) {
   };
 }
 function q1(s) {
-  const e = G(s);
-  return B(() => {
+  const e = O(s);
+  return K(() => {
     e.current = s;
   }, [s]), e.current;
 }
 const B1 = 100, g1 = {
   offset: 0
-}, L3 = l1((s, e) => {
+}, L3 = r1((s, e) => {
   const {
     loadOptions: t,
     width: i,
@@ -10799,90 +10797,90 @@ const B1 = 100, g1 = {
     clearable: M = !0,
     required: Z = !1,
     error: D,
-    variant: N = "outlined"
-  } = s, [k, R] = A(), [v, H] = A(g1), [b, z] = A(!1), [K, q] = A(), [F, Q] = A(!1), [W, X] = A(
+    variant: x = "outlined"
+  } = s, [k, R] = A(), [v, H] = A(g1), [y, z] = A(!1), [B, q] = A(), [F, Q] = A(!1), [$, X] = A(
     u ?? []
-  ), n1 = q1(v.offset), S = q1(K), [_, $] = A(!1), o1 = G(!1), N1 = O(
+  ), o1 = q1(v.offset), S = q1(B), [_, T] = A(!1), l1 = O(!1), N1 = I(
     async ({
-      limit: y = B1,
-      offset: Y,
+      limit: E = B1,
+      offset: j,
       search: U
     }) => {
       z(!0);
       try {
-        const j = await t({
-          limit: y,
-          offset: Y,
+        const W = await t({
+          limit: E,
+          offset: j,
           search: U
         });
         R(
-          (T) => Y === 0 ? j.options : [...T ?? [], ...j.options]
-        ), H((T) => ({
-          ...T,
-          count: j.count
+          (P) => j === 0 ? W.options : [...P ?? [], ...W.options]
+        ), H((P) => ({
+          ...P,
+          count: W.count
         }));
-      } catch (j) {
-        return console.error("AsyncSelect. fetchOptions error", j), [];
+      } catch (W) {
+        return console.error("AsyncSelect. fetchOptions error", W), [];
       } finally {
         z(!1);
       }
     },
     [t]
-  ), x1 = f3((y) => {
-    q(y), y || H(g1);
-  }), M1 = O(
-    (y) => x1(y),
+  ), x1 = f3((E) => {
+    q(E), E || H(g1);
+  }), M1 = I(
+    (E) => x1(E),
     [x1]
-  ), R1 = O(
-    async (y) => {
-      b || y && v.count && v.count > ((k == null ? void 0 : k.length) ?? 0) && H((Y) => ({
-        ...Y,
-        offset: Y.offset + B1
+  ), R1 = I(
+    async (E) => {
+      y || E && v.count && v.count > ((k == null ? void 0 : k.length) ?? 0) && H((j) => ({
+        ...j,
+        offset: j.offset + B1
       }));
     },
-    [b, k == null ? void 0 : k.length, v.count]
-  ), i1 = O(
-    (y) => {
-      Q(y), !y && K && (q(void 0), H(g1), $(!0)), w == null || w(y);
+    [y, k == null ? void 0 : k.length, v.count]
+  ), i1 = I(
+    (E) => {
+      Q(E), !E && B && (q(void 0), H(g1), T(!0)), w == null || w(E);
     },
-    [w, K]
+    [w, B]
   );
-  B(() => {
-    !o1.current || b || (_ || F && (n1 !== v.offset || S !== K || !k)) && (N1({ offset: v.offset, limit: B1, search: K }), _ && $(!1));
-  }, [_, F, v.offset, K, n1, S, k, b]), B(() => {
-    (a || p) && N1(g1), o1.current = !0;
-  }, []), B(() => {
-    u && X((y) => {
-      const Y = u.filter(
-        (U) => !y.some((j) => j.value === U.value)
+  K(() => {
+    !l1.current || y || (_ || F && (o1 !== v.offset || S !== B || !k)) && (N1({ offset: v.offset, limit: B1, search: B }), _ && T(!1));
+  }, [_, F, v.offset, B, o1, S, k, y]), K(() => {
+    (a || p) && N1(g1), l1.current = !0;
+  }, []), K(() => {
+    u && X((E) => {
+      const j = u.filter(
+        (U) => !E.some((W) => W.value === U.value)
       );
-      return [...y, ...Y];
+      return [...E, ...j];
     });
   }, [u]);
-  const V1 = O(
-    (y) => {
-      n && n(y);
-      let Y = [];
-      if (l ? Y = Array.isArray(y) ? y : [] : Y = y ? [y] : [], K) {
-        const U = Y.filter(
-          (j) => !(W != null && W.some((T) => T.value === j))
+  const V1 = I(
+    (E) => {
+      n && n(E);
+      let j = [];
+      if (l ? j = Array.isArray(E) ? E : [] : j = E ? [E] : [], B) {
+        const U = j.filter(
+          (W) => !($ != null && $.some((P) => P.value === W))
         );
-        U.length > 0 && X((j = []) => [
-          ...j,
-          ...U.map((T) => {
-            const J = k == null ? void 0 : k.find((x) => x.value === T);
+        U.length > 0 && X((W = []) => [
+          ...W,
+          ...U.map((P) => {
+            const J = k == null ? void 0 : k.find((N) => N.value === P);
             return {
-              value: T,
-              label: (J == null ? void 0 : J.label) ?? T,
+              value: P,
+              label: (J == null ? void 0 : J.label) ?? P,
               imageFallbackText: (J == null ? void 0 : J.imageFallbackText) ?? "",
               image: (J == null ? void 0 : J.image) ?? void 0
             };
           })
-        ]), q(void 0), H(g1), $(!0);
+        ]), q(void 0), H(g1), T(!0);
       }
     },
-    [n, K, l, k, W]
-  ), r1 = T1(
+    [n, B, l, k, $]
+  ), a1 = T1(
     () => ({
       id: h,
       width: i,
@@ -10895,14 +10893,14 @@ const B1 = 100, g1 = {
       scrollThresholdValue: d,
       onScrollToEnd: R1,
       disabled: C,
-      isLoading: b,
+      isLoading: y,
       optionRender: f,
       dropdownRender: m,
       readOnly: L,
       clearable: M,
       required: Z,
       error: D,
-      variant: N
+      variant: x
     }),
     [
       h,
@@ -10915,38 +10913,38 @@ const B1 = 100, g1 = {
       d,
       R1,
       C,
-      b,
+      y,
       f,
       m,
       L,
       M,
       Z,
       D,
-      N
+      x
     ]
   );
-  C1(e, () => ({
+  d1(e, () => ({
     refetchOptions: async () => {
-      H(g1), q(void 0), $(!0);
+      H(g1), q(void 0), T(!0);
     }
   }));
   const Z1 = T1(() => {
-    const y = l && l !== "single", Y = s.selectedItemVariant === "badge", U = Y ? k || [] : k || [], j = W, T = s, J = y ? {
+    const E = l && l !== "single", j = s.selectedItemVariant === "badge", U = j ? k || [] : k || [], W = $, P = s, J = E ? {
       mode: l,
-      overflowBehaviour: T.overflowBehaviour,
-      value: T.value
+      overflowBehaviour: P.overflowBehaviour,
+      value: P.value
     } : {
       mode: l,
       value: s.value
     };
     return {
-      ...r1,
+      ...a1,
       ...J,
       selectedItemVariant: s.selectedItemVariant,
       options: U,
-      extraOptions: j
+      extraOptions: W
     };
-  }, [l, s, r1, W, k]);
+  }, [l, s, a1, $, k]);
   return /* @__PURE__ */ o("div", { className: "snmt-async-select", children: /* @__PURE__ */ o(w3, { ...Z1 }) });
 }), V = (s) => typeof s == "string", f1 = () => {
   let s, e;
@@ -10989,7 +10987,7 @@ const B1 = 100, g1 = {
     k: h
   } = m1(s, e, Object);
   n[h] = n[h] || [], n[h].push(t);
-}, b1 = (s, e) => {
+}, y1 = (s, e) => {
   const {
     obj: t,
     k: i
@@ -10997,8 +10995,8 @@ const B1 = 100, g1 = {
   if (t)
     return t[i];
 }, N3 = (s, e, t) => {
-  const i = b1(s, t);
-  return i !== void 0 ? i : b1(e, t);
+  const i = y1(s, t);
+  return i !== void 0 ? i : y1(e, t);
 }, L2 = (s, e, t) => {
   for (const i in e)
     i !== "__proto__" && i !== "constructor" && (i in s ? V(s[i]) || s[i] instanceof String || V(e[i]) || e[i] instanceof String ? t && (s[i] = e[i]) : L2(s[i], e[i], t) : s[i] = e[i]);
@@ -11036,7 +11034,7 @@ const V3 = [" ", ",", "?", "!", ";"], Z3 = new R3(20), H3 = (s, e, t) => {
     C > 0 && !n.test(s.substring(0, C)) && (h = !0);
   }
   return h;
-}, O1 = function(s, e) {
+}, I1 = function(s, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : ".";
   if (!s) return;
   if (s[e]) return s[e];
@@ -11056,7 +11054,7 @@ const V3 = [" ", ",", "?", "!", ";"], Z3 = new R3(20), H3 = (s, e, t) => {
     n = C;
   }
   return n;
-}, y1 = (s) => s && s.replace("_", "-"), _3 = {
+}, E1 = (s) => s && s.replace("_", "-"), _3 = {
   type: "logger",
   log(s) {
     this.output("log", s);
@@ -11071,7 +11069,7 @@ const V3 = [" ", ",", "?", "!", ";"], Z3 = new R3(20), H3 = (s, e, t) => {
     console && console[s] && console[s].apply(console, e);
   }
 };
-class E1 {
+class A1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     this.init(e, t);
@@ -11104,17 +11102,17 @@ class E1 {
     return n && !this.debug ? null : (V(e[0]) && (e[0] = `${i}${this.prefix} ${e[0]}`), this.logger[t](e));
   }
   create(e) {
-    return new E1(this.logger, {
+    return new A1(this.logger, {
       prefix: `${this.prefix}:${e}:`,
       ...this.options
     });
   }
   clone(e) {
-    return e = e || this.options, e.prefix = e.prefix || this.prefix, new E1(this.logger, e);
+    return e = e || this.options, e.prefix = e.prefix || this.prefix, new A1(this.logger, e);
   }
 }
-var e1 = new E1();
-class D1 {
+var e1 = new A1();
+class K1 {
   constructor() {
     this.observers = {};
   }
@@ -11148,7 +11146,7 @@ class D1 {
     });
   }
 }
-class i2 extends D1 {
+class i2 extends K1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
       ns: ["translation"],
@@ -11168,8 +11166,8 @@ class i2 extends D1 {
     const h = n.keySeparator !== void 0 ? n.keySeparator : this.options.keySeparator, C = n.ignoreJSONStructure !== void 0 ? n.ignoreJSONStructure : this.options.ignoreJSONStructure;
     let d;
     e.indexOf(".") > -1 ? d = e.split(".") : (d = [e, t], i && (Array.isArray(i) ? d.push(...i) : V(i) && h ? d.push(...i.split(h)) : d.push(i)));
-    const r = b1(this.data, d);
-    return !r && !t && !i && e.indexOf(".") > -1 && (e = d[0], t = d[1], i = d.slice(2).join(".")), r || !C || !V(i) ? r : O1(this.data && this.data[e] && this.data[e][t], i, h);
+    const r = y1(this.data, d);
+    return !r && !t && !i && e.indexOf(".") > -1 && (e = d[0], t = d[1], i = d.slice(2).join(".")), r || !C || !V(i) ? r : I1(this.data && this.data[e] && this.data[e][t], i, h);
   }
   addResource(e, t, i, n) {
     let h = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {
@@ -11195,7 +11193,7 @@ class i2 extends D1 {
       skipCopy: !1
     }, d = [e, t];
     e.indexOf(".") > -1 && (d = e.split("."), n = i, i = t, t = d[1]), this.addNamespaces(t);
-    let r = b1(this.data, d) || {};
+    let r = y1(this.data, d) || {};
     C.skipCopy || (i = JSON.parse(JSON.stringify(i))), n ? L2(r, i, h) : r = {
       ...r,
       ...i
@@ -11235,7 +11233,7 @@ var m2 = {
   }
 };
 const s2 = {};
-class A1 extends D1 {
+class D1 extends K1 {
   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 = e1.create("translator");
@@ -11284,15 +11282,15 @@ class A1 extends D1 {
     } = this.extractFromKey(e[e.length - 1], t), r = d[d.length - 1], l = t.lng || this.language, a = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
     if (l && l.toLowerCase() === "cimode") {
       if (a) {
-        const N = t.nsSeparator || this.options.nsSeparator;
+        const x = t.nsSeparator || this.options.nsSeparator;
         return n ? {
-          res: `${r}${N}${C}`,
+          res: `${r}${x}${C}`,
           usedKey: C,
           exactUsedKey: C,
           usedLng: l,
           usedNS: r,
           usedParams: this.getUsedParamsDetails(t)
-        } : `${r}${N}${C}`;
+        } : `${r}${x}${C}`;
       }
       return n ? {
         res: C,
@@ -11309,14 +11307,14 @@ class A1 extends D1 {
     if (Z && u && D && L.indexOf(m) < 0 && !(V(M) && 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 N = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(w, u, {
+        const x = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(w, u, {
           ...t,
           ns: d
         }) : `key '${C} (${this.language})' returned an object instead of string.`;
-        return n ? (p.res = N, p.usedParams = this.getUsedParamsDetails(t), p) : N;
+        return n ? (p.res = x, p.usedParams = this.getUsedParamsDetails(t), p) : x;
       }
       if (h) {
-        const N = Array.isArray(u), k = N ? [] : {}, R = N ? f : w;
+        const x = Array.isArray(u), k = x ? [] : {}, R = x ? f : w;
         for (const v in u)
           if (Object.prototype.hasOwnProperty.call(u, v)) {
             const H = `${R}${h}${v}`;
@@ -11331,38 +11329,38 @@ class A1 extends D1 {
     } else if (Z && V(M) && Array.isArray(u))
       u = u.join(M), u && (u = this.extendTranslation(u, e, t, i));
     else {
-      let N = !1, k = !1;
-      const R = t.count !== void 0 && !V(t.count), v = A1.hasDefaultValue(t), H = R ? this.pluralResolver.getSuffix(l, t.count, t) : "", b = t.ordinal && R ? this.pluralResolver.getSuffix(l, t.count, {
+      let x = !1, k = !1;
+      const R = t.count !== void 0 && !V(t.count), v = D1.hasDefaultValue(t), H = R ? this.pluralResolver.getSuffix(l, t.count, t) : "", y = t.ordinal && R ? this.pluralResolver.getSuffix(l, t.count, {
         ordinal: !1
-      }) : "", z = R && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), K = z && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${H}`] || t[`defaultValue${b}`] || t.defaultValue;
-      !this.isValidLookup(u) && v && (N = !0, u = K), this.isValidLookup(u) || (k = !0, u = C);
-      const F = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && k ? void 0 : u, Q = v && K !== u && this.options.updateMissing;
-      if (k || N || Q) {
-        if (this.logger.log(Q ? "updateKey" : "missingKey", l, r, C, Q ? K : u), h) {
+      }) : "", z = R && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), B = z && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${H}`] || t[`defaultValue${y}`] || t.defaultValue;
+      !this.isValidLookup(u) && v && (x = !0, u = B), this.isValidLookup(u) || (k = !0, u = C);
+      const F = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && k ? void 0 : u, Q = v && B !== u && this.options.updateMissing;
+      if (k || x || Q) {
+        if (this.logger.log(Q ? "updateKey" : "missingKey", l, r, C, Q ? B : u), h) {
           const S = this.resolve(C, {
             ...t,
             keySeparator: !1
           });
           S && S.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 W = [];
+        let $ = [];
         const X = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
         if (this.options.saveMissingTo === "fallback" && X && X[0])
           for (let S = 0; S < X.length; S++)
-            W.push(X[S]);
-        else this.options.saveMissingTo === "all" ? W = this.languageUtils.toResolveHierarchy(t.lng || this.language) : W.push(t.lng || this.language);
-        const n1 = (S, _, $) => {
-          const o1 = v && $ !== u ? $ : F;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(S, r, _, o1, Q, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(S, r, _, o1, Q, t), this.emit("missingKey", S, r, _, u);
+            $.push(X[S]);
+        else this.options.saveMissingTo === "all" ? $ = this.languageUtils.toResolveHierarchy(t.lng || this.language) : $.push(t.lng || this.language);
+        const o1 = (S, _, T) => {
+          const l1 = v && T !== u ? T : F;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(S, r, _, l1, Q, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(S, r, _, l1, Q, t), this.emit("missingKey", S, r, _, u);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && R ? W.forEach((S) => {
+        this.options.saveMissing && (this.options.saveMissingPlurals && R ? $.forEach((S) => {
           const _ = this.pluralResolver.getSuffixes(S, t);
-          z && t[`defaultValue${this.options.pluralSeparator}zero`] && _.indexOf(`${this.options.pluralSeparator}zero`) < 0 && _.push(`${this.options.pluralSeparator}zero`), _.forEach(($) => {
-            n1([S], C + $, t[`defaultValue${$}`] || K);
+          z && t[`defaultValue${this.options.pluralSeparator}zero`] && _.indexOf(`${this.options.pluralSeparator}zero`) < 0 && _.push(`${this.options.pluralSeparator}zero`), _.forEach((T) => {
+            o1([S], C + T, t[`defaultValue${T}`] || B);
           });
-        }) : n1(W, C, K));
+        }) : o1($, C, B));
       }
-      u = this.extendTranslation(u, e, t, p, i), k && u === C && this.options.appendNamespaceToMissingKey && (u = `${r}:${C}`), (k || N) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? u = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${r}:${C}` : C, N ? u : void 0) : u = this.options.parseMissingKeyHandler(u));
+      u = this.extendTranslation(u, e, t, p, i), k && u === C && this.options.appendNamespaceToMissingKey && (u = `${r}:${C}`), (k || x) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? u = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${r}:${C}` : C, x ? u : void 0) : u = this.options.parseMissingKeyHandler(u));
     }
     return n ? (p.res = u, p.usedParams = this.getUsedParamsDetails(t), p) : u;
   }
@@ -11429,12 +11427,12 @@ class A1 extends D1 {
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
             this.i18nFormat.addLookupKeys(Z, a, M, L, t);
           else {
-            let N;
-            u && (N = this.pluralResolver.getSuffix(M, t.count, t));
+            let x;
+            u && (x = this.pluralResolver.getSuffix(M, t.count, t));
             const k = `${this.options.pluralSeparator}zero`, R = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (u && (Z.push(a + N), t.ordinal && N.indexOf(R) === 0 && Z.push(a + N.replace(R, this.options.pluralSeparator)), w && Z.push(a + k)), f) {
+            if (u && (Z.push(a + x), t.ordinal && x.indexOf(R) === 0 && Z.push(a + x.replace(R, this.options.pluralSeparator)), w && Z.push(a + k)), f) {
               const v = `${a}${this.options.contextSeparator}${t.context}`;
-              Z.push(v), u && (Z.push(v + N), t.ordinal && N.indexOf(R) === 0 && Z.push(v + N.replace(R, this.options.pluralSeparator)), w && Z.push(v + k));
+              Z.push(v), u && (Z.push(v + x), t.ordinal && x.indexOf(R) === 0 && Z.push(v + x.replace(R, this.options.pluralSeparator)), w && Z.push(v + k));
             }
           }
           let D;
@@ -11481,18 +11479,18 @@ class A1 extends D1 {
     return !1;
   }
 }
-const K1 = (s) => s.charAt(0).toUpperCase() + s.slice(1);
+const S1 = (s) => s.charAt(0).toUpperCase() + s.slice(1);
 class n2 {
   constructor(e) {
     this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = e1.create("languageUtils");
   }
   getScriptPartFromCode(e) {
-    if (e = y1(e), !e || e.indexOf("-") < 0) return null;
+    if (e = E1(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 = y1(e), !e || e.indexOf("-") < 0) return e;
+    if (e = E1(e), !e || e.indexOf("-") < 0) return e;
     const t = e.split("-");
     return this.formatLanguageCode(t[0]);
   }
@@ -11506,7 +11504,7 @@ class n2 {
         }
       const t = ["hans", "hant", "latn", "cyrl", "cans", "mong", "arab"];
       let i = e.split("-");
-      return this.options.lowerCaseLng ? i = i.map((n) => n.toLowerCase()) : i.length === 2 ? (i[0] = i[0].toLowerCase(), i[1] = i[1].toUpperCase(), t.indexOf(i[1].toLowerCase()) > -1 && (i[1] = K1(i[1].toLowerCase()))) : i.length === 3 && (i[0] = i[0].toLowerCase(), i[1].length === 2 && (i[1] = i[1].toUpperCase()), i[0] !== "sgn" && i[2].length === 2 && (i[2] = i[2].toUpperCase()), t.indexOf(i[1].toLowerCase()) > -1 && (i[1] = K1(i[1].toLowerCase())), t.indexOf(i[2].toLowerCase()) > -1 && (i[2] = K1(i[2].toLowerCase()))), i.join("-");
+      return this.options.lowerCaseLng ? i = i.map((n) => n.toLowerCase()) : i.length === 2 ? (i[0] = i[0].toLowerCase(), i[1] = i[1].toUpperCase(), t.indexOf(i[1].toLowerCase()) > -1 && (i[1] = S1(i[1].toLowerCase()))) : i.length === 3 && (i[0] = i[0].toLowerCase(), i[1].length === 2 && (i[1] = i[1].toUpperCase()), i[0] !== "sgn" && i[2].length === 2 && (i[2] = i[2].toUpperCase()), t.indexOf(i[1].toLowerCase()) > -1 && (i[1] = S1(i[1].toLowerCase())), t.indexOf(i[2].toLowerCase()) > -1 && (i[2] = S1(i[2].toLowerCase()))), i.join("-");
     }
     return this.options.cleanCode || this.options.lowerCaseLng ? e.toLowerCase() : e;
   }
@@ -11681,7 +11679,7 @@ const E3 = ["v1", "v2", "v3"], A3 = ["v4"], o2 = {
     });
   }), s;
 };
-class B3 {
+class K3 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     this.languageUtils = e, this.options = t, this.logger = e1.create("pluralResolver"), (!this.options.compatibilityJSON || A3.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 = D3(), this.pluralRulesCache = {};
@@ -11695,7 +11693,7 @@ class B3 {
   getRule(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (this.shouldUseIntlApi()) {
-      const i = y1(e === "dev" ? "en" : e), n = t.ordinal ? "ordinal" : "cardinal", h = JSON.stringify({
+      const i = E1(e === "dev" ? "en" : e), n = t.ordinal ? "ordinal" : "cardinal", h = JSON.stringify({
         cleanedCode: i,
         type: n
       });
@@ -11747,9 +11745,9 @@ class B3 {
 }
 const l2 = function(s, e, t) {
   let i = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", n = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, h = N3(s, e, t);
-  return !h && n && V(t) && (h = O1(s, t, i), h === void 0 && (h = O1(e, t, i))), h;
-}, S1 = (s) => s.replace(/\$/g, "$$$$");
-class K3 {
+  return !h && n && V(t) && (h = I1(s, t, i), h === void 0 && (h = I1(e, t, i))), h;
+}, G1 = (s) => s.replace(/\$/g, "$$$$");
+class B3 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     this.logger = e1.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
@@ -11809,10 +11807,10 @@ class K3 {
     const a = n && n.missingInterpolationHandler || this.options.missingInterpolationHandler, p = n && n.interpolation && n.interpolation.skipOnVariables !== void 0 ? n.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
     return [{
       regex: this.regexpUnescape,
-      safeValue: (w) => S1(w)
+      safeValue: (w) => G1(w)
     }, {
       regex: this.regexp,
-      safeValue: (w) => this.escapeValue ? S1(this.escape(w)) : S1(w)
+      safeValue: (w) => this.escapeValue ? G1(this.escape(w)) : G1(w)
     }].forEach((w) => {
       for (d = 0; h = w.regex.exec(e); ) {
         const f = h[1].trim();
@@ -11901,7 +11899,7 @@ const S3 = (s) => {
     });
     const C = i + JSON.stringify(h);
     let d = e[C];
-    return d || (d = s(y1(i), n), e[C] = d), d(t);
+    return d || (d = s(E1(i), n), e[C] = d), d(t);
   };
 };
 class G3 {
@@ -11987,7 +11985,7 @@ class G3 {
 const O3 = (s, e) => {
   s.pending[e] !== void 0 && (delete s.pending[e], s.pendingCount--);
 };
-class I3 extends D1 {
+class I3 extends K1 {
   constructor(e, t, i) {
     let n = 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 = n, this.logger = e1.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(i, n.backend, n);
@@ -12178,13 +12176,13 @@ const r2 = () => ({
     maxReplaces: 1e3,
     skipOnVariables: !0
   }
-}), a2 = (s) => (V(s.ns) && (s.ns = [s.ns]), V(s.fallbackLng) && (s.fallbackLng = [s.fallbackLng]), V(s.fallbackNS) && (s.fallbackNS = [s.fallbackNS]), s.supportedLngs && s.supportedLngs.indexOf("cimode") < 0 && (s.supportedLngs = s.supportedLngs.concat(["cimode"])), s), _1 = () => {
+}), a2 = (s) => (V(s.ns) && (s.ns = [s.ns]), V(s.fallbackLng) && (s.fallbackLng = [s.fallbackLng]), V(s.fallbackNS) && (s.fallbackNS = [s.fallbackNS]), s.supportedLngs && s.supportedLngs.indexOf("cimode") < 0 && (s.supportedLngs = s.supportedLngs.concat(["cimode"])), s), b1 = () => {
 }, Y3 = (s) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(s)).forEach((t) => {
     typeof s[t] == "function" && (s[t] = s[t].bind(s));
   });
 };
-class k1 extends D1 {
+class k1 extends K1 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
     if (super(), this.options = a2(e), this.services = {}, this.logger = e1, this.modules = {
@@ -12218,17 +12216,17 @@ class k1 extends D1 {
       const p = new n2(this.options);
       this.store = new i2(this.options.resources, this.options);
       const u = this.services;
-      u.logger = e1, u.resourceStore = this.store, u.languageUtils = p, u.pluralResolver = new B3(p, {
+      u.logger = e1, u.resourceStore = this.store, u.languageUtils = p, u.pluralResolver = new K3(p, {
         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 = h(a), u.formatter.init(u, this.options), this.options.interpolation.format = u.formatter.format.bind(u.formatter)), u.interpolator = new K3(this.options), u.utils = {
+      }), a && (!this.options.interpolation.format || this.options.interpolation.format === n.interpolation.format) && (u.formatter = h(a), u.formatter.init(u, this.options), this.options.interpolation.format = u.formatter.format.bind(u.formatter)), u.interpolator = new B3(this.options), u.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
       }, u.backendConnector = new I3(h(this.modules.backend), u.resourceStore, u, this.options), u.backendConnector.on("*", function(w) {
         for (var f = arguments.length, m = new Array(f > 1 ? f - 1 : 0), L = 1; L < f; L++)
           m[L - 1] = arguments[L];
         e.emit(w, ...m);
-      }), 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 A1(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 D1(this.services, this.options), this.translator.on("*", function(w) {
         for (var f = arguments.length, m = new Array(f > 1 ? f - 1 : 0), L = 1; L < f; L++)
           m[L - 1] = arguments[L];
         e.emit(w, ...m);
@@ -12236,7 +12234,7 @@ class k1 extends D1 {
         w.init && w.init(this);
       });
     }
-    if (this.format = this.options.interpolation.format, i || (i = _1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
+    if (this.format = this.options.interpolation.format, i || (i = b1), 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]);
     }
@@ -12259,7 +12257,7 @@ class k1 extends D1 {
     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] : _1;
+    let i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : b1;
     const n = V(e) ? e : this.language;
     if (typeof e == "function" && (i = e), !this.options.resources || this.options.partialBundledLanguages) {
       if (n && n.toLowerCase() === "cimode" && (!this.options.preload || this.options.preload.length === 0)) return i();
@@ -12277,7 +12275,7 @@ class k1 extends D1 {
   }
   reloadResources(e, t, i) {
     const n = f1();
-    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 = _1), this.services.backendConnector.reload(e, t, (h) => {
+    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 = b1), this.services.backendConnector.reload(e, t, (h) => {
       n.resolve(), i(h);
     }), n;
   }
@@ -12390,7 +12388,7 @@ class k1 extends D1 {
     return new k1(e, t);
   }
   cloneInstance() {
-    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : _1;
+    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : b1;
     const i = e.forkResourceStore;
     i && delete e.forkResourceStore;
     const n = {
@@ -12404,7 +12402,7 @@ class k1 extends D1 {
       ...this.services
     }, h.services.utils = {
       hasLoadedNamespace: h.hasLoadedNamespace.bind(h)
-    }, i && (h.store = new i2(this.store.data, n), h.services.resourceStore = h.store), h.translator = new A1(h.services, n), h.translator.on("*", function(d) {
+    }, i && (h.store = new i2(this.store.data, n), h.services.resourceStore = h.store), h.translator = new D1(h.services, n), 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);
@@ -12422,34 +12420,34 @@ class k1 extends D1 {
     };
   }
 }
-const I = k1.createInstance();
-I.createInstance = k1.createInstance;
-I.createInstance;
-I.dir;
-I.init;
-I.loadResources;
-I.reloadResources;
-I.use;
-I.changeLanguage;
-I.getFixedT;
-I.t;
-I.exists;
-I.setDefaultNamespace;
-I.hasLoadedNamespace;
-I.loadNamespaces;
-I.loadLanguages;
+const Y = k1.createInstance();
+Y.createInstance = k1.createInstance;
+Y.createInstance;
+Y.dir;
+Y.init;
+Y.loadResources;
+Y.reloadResources;
+Y.use;
+Y.changeLanguage;
+Y.getFixedT;
+Y.t;
+Y.exists;
+Y.setDefaultNamespace;
+Y.hasLoadedNamespace;
+Y.loadNamespaces;
+Y.loadLanguages;
 function j3() {
   if (console && console.warn) {
     for (var s = arguments.length, e = new Array(s), t = 0; t < s; t++)
       e[t] = arguments[t];
-    h1(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
+    c1(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
   }
 }
 const h2 = {};
-function I1() {
+function Y1() {
   for (var s = arguments.length, e = new Array(s), t = 0; t < s; t++)
     e[t] = arguments[t];
-  h1(e[0]) && h2[e[0]] || (h1(e[0]) && (h2[e[0]] = /* @__PURE__ */ new Date()), j3(...e));
+  c1(e[0]) && h2[e[0]] || (c1(e[0]) && (h2[e[0]] = /* @__PURE__ */ new Date()), j3(...e));
 }
 const k2 = (s, e) => () => {
   if (s.isInitialized)
@@ -12465,7 +12463,7 @@ const k2 = (s, e) => () => {
 }, c2 = (s, e, t) => {
   s.loadNamespaces(e, k2(s, t));
 }, C2 = (s, e, t, i) => {
-  h1(t) && (t = [t]), t.forEach((n) => {
+  c1(t) && (t = [t]), t.forEach((n) => {
     s.options.ns.indexOf(n) < 0 && s.options.ns.push(n);
   }), s.loadLanguages(e, k2(s, i));
 }, W3 = function(s, e) {
@@ -12479,13 +12477,13 @@ const k2 = (s, e) => () => {
   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) && (!n || C(h, s)));
 }, $3 = function(s, 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(s, {
+  return !e.languages || !e.languages.length ? (Y1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(s, {
     lng: t.lng,
     precheck: (n, h) => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && n.services.backendConnector.backend && n.isLanguageChangingTo && !h(n.isLanguageChangingTo, s)) return !1;
     }
   }) : W3(s, e, t);
-}, h1 = (s) => typeof s == "string", T3 = (s) => typeof s == "object" && s !== null, P3 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, F3 = {
+}, c1 = (s) => typeof s == "string", T3 = (s) => typeof s == "object" && s !== null, P3 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, F3 = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -12507,7 +12505,7 @@ const k2 = (s, e) => () => {
   "&#x2F;": "/",
   "&#47;": "/"
 }, U3 = (s) => F3[s], z3 = (s) => s.replace(P3, U3);
-let Y1 = {
+let j1 = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
   transEmptyNodeValue: "",
@@ -12519,11 +12517,11 @@ let Y1 = {
 };
 const J3 = function() {
   let s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  Y1 = {
-    ...Y1,
+  j1 = {
+    ...j1,
     ...s
   };
-}, q3 = () => Y1;
+}, q3 = () => j1;
 let v2;
 const Q3 = (s) => {
   v2 = s;
@@ -12545,24 +12543,24 @@ class i6 {
   }
 }
 const s6 = (s, e) => {
-  const t = G();
-  return B(() => {
+  const t = O();
+  return K(() => {
     t.current = s;
   }, [s, e]), t.current;
-}, N2 = (s, e, t, i) => s.getFixedT(e, t, i), n6 = (s, e, t, i) => O(N2(s, e, t, i), [s, e, t, i]), o6 = function(s) {
+}, N2 = (s, e, t, i) => s.getFixedT(e, t, i), n6 = (s, e, t, i) => I(N2(s, e, t, i), [s, e, t, i]), o6 = function(s) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
   } = e, {
     i18n: i,
     defaultNS: n
-  } = s1(t6) || {}, h = t || i || X3();
+  } = n1(t6) || {}, h = t || i || X3();
   if (h && !h.reportNamespaces && (h.reportNamespaces = new i6()), !h) {
-    I1("You will need to pass in an i18next instance by using initReactI18next");
-    const N = (R, v) => h1(v) ? v : T3(v) && h1(v.defaultValue) ? v.defaultValue : Array.isArray(R) ? R[R.length - 1] : R, k = [N, {}, !1];
-    return k.t = N, k.i18n = {}, k.ready = !1, k;
+    Y1("You will need to pass in an i18next instance by using initReactI18next");
+    const x = (R, v) => c1(v) ? v : T3(v) && c1(v.defaultValue) ? v.defaultValue : Array.isArray(R) ? R[R.length - 1] : R, k = [x, {}, !1];
+    return k.t = x, k.i18n = {}, k.ready = !1, k;
   }
-  h.options.react && h.options.react.wait !== void 0 && I1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
+  h.options.react && h.options.react.wait !== void 0 && Y1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const C = {
     ...q3(),
     ...h.options.react,
@@ -12572,14 +12570,14 @@ const s6 = (s, e) => {
     keyPrefix: r
   } = C;
   let l = s;
-  l = h1(l) ? [l] : l || ["translation"], h.reportNamespaces.addUsedNamespaces && h.reportNamespaces.addUsedNamespaces(l);
-  const a = (h.isInitialized || h.initializedStoreOnce) && l.every((N) => $3(N, h, C)), p = n6(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), u = () => p, w = () => N2(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), [f, m] = A(u);
+  l = c1(l) ? [l] : l || ["translation"], h.reportNamespaces.addUsedNamespaces && h.reportNamespaces.addUsedNamespaces(l);
+  const a = (h.isInitialized || h.initializedStoreOnce) && l.every((x) => $3(x, h, C)), p = n6(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), u = () => p, w = () => N2(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), [f, m] = A(u);
   let L = l.join();
   e.lng && (L = `${e.lng}${L}`);
-  const M = s6(L), Z = G(!0);
-  B(() => {
+  const M = s6(L), Z = O(!0);
+  K(() => {
     const {
-      bindI18n: N,
+      bindI18n: x,
       bindI18nStore: k
     } = C;
     Z.current = !0, !a && !d && (e.lng ? C2(h, e.lng, l, () => {
@@ -12590,16 +12588,16 @@ const s6 = (s, e) => {
     const R = () => {
       Z.current && m(w);
     };
-    return N && h && h.on(N, R), k && h && h.store.on(k, R), () => {
-      Z.current = !1, N && h && N.split(" ").forEach((v) => h.off(v, R)), k && h && k.split(" ").forEach((v) => h.store.off(v, R));
+    return x && h && h.on(x, R), k && h && h.store.on(k, R), () => {
+      Z.current = !1, x && h && x.split(" ").forEach((v) => h.off(v, R)), k && h && k.split(" ").forEach((v) => h.store.off(v, R));
     };
-  }, [h, L]), B(() => {
+  }, [h, L]), K(() => {
     Z.current && a && m(u);
   }, [h, r, a]);
   const D = [f, h, a];
   if (D.t = f, D.i18n = h, D.ready = a, a || !a && !d) return D;
-  throw new Promise((N) => {
-    e.lng ? C2(h, e.lng, l, () => N()) : c2(h, l, () => N());
+  throw new Promise((x) => {
+    e.lng ? C2(h, e.lng, l, () => x()) : c2(h, l, () => x());
   });
 }, l6 = "City", r6 = {
   placeholder: l6
@@ -12607,12 +12605,12 @@ const s6 = (s, e) => {
   placeholder: a6
 };
 function c6(s) {
-  const e = G(s);
-  return B(() => {
+  const e = O(s);
+  return K(() => {
     e.current = s;
   }, [s]), e.current;
 }
-I.use(e6).init({
+Y.use(e6).init({
   defaultNS: "common",
   lng: "en",
   resources: {
@@ -12624,17 +12622,17 @@ I.use(e6).init({
     }
   }
 });
-const f6 = l1(
+const f6 = r1(
   ({ width: s, selectedCountry: e, onChange: t, value: i, id: n, disabled: h, clearable: C }, d) => {
     const [r, l] = A(
       []
-    ), [a, p] = A(!1), { locale: u, axiosPeople: w } = s1(c1), f = G(!1), m = G(null), L = G(r), M = c6(e);
+    ), [a, p] = A(!1), { locale: u, axiosPeople: w } = n1(C1), f = O(!1), m = O(null), L = O(r), M = c6(e);
     if (!w)
       throw new Error(
         `CitySelect requires "axiosPeople" to fetch cities. 
                 Please provide it via SNMTUiContext.`
       );
-    const { t: Z } = o6("common", { lng: u }), D = O(
+    const { t: Z } = o6("common", { lng: u }), D = I(
       async (k) => {
         const R = L.current.find((v) => v.value === k);
         if (R)
@@ -12648,28 +12646,28 @@ const f6 = l1(
           })).data.data;
           if (!H.length)
             return t(null), [];
-          const b = {
+          const y = {
             value: H[0].geoNameId,
             label: H[0].name
           };
-          return L.current = [...L.current, b], [b];
+          return L.current = [...L.current, y], [y];
         } catch (v) {
           return console.error("CitySelect. fetchSelectedItems error", v), [];
         }
       },
       [w, e, t]
     );
-    B(() => {
+    K(() => {
       (async () => {
         if (!i) return;
         const R = await D(i);
         l(R);
       })();
-    }, []), B(() => {
+    }, []), K(() => {
       var k;
       M !== e ? f.current && (t(null), l([]), L.current = [], (k = m.current) == null || k.refetchOptions()) : f.current = !0;
     }, [e, t, M]);
-    const N = O(
+    const x = I(
       async ({
         limit: k,
         offset: R,
@@ -12683,13 +12681,13 @@ const f6 = l1(
             includeCount: !0
           };
           H.filters = {}, e && e.length > 0 && (H.filters.countryId = [e]), v && (H.search = v);
-          const b = await w.post("v1/cities/search", H), z = (b == null ? void 0 : b.data.data) || [], K = b == null ? void 0 : b.data.metadata.count;
+          const y = await w.post("v1/cities/search", H), z = (y == null ? void 0 : y.data.data) || [], B = y == null ? void 0 : y.data.metadata.count;
           return {
             options: z.map((F) => ({
               value: F.geoNameId,
               label: F.name
             })),
-            count: K,
+            count: B,
             limit: k
           };
         } catch (H) {
@@ -12704,7 +12702,7 @@ const f6 = l1(
       },
       [w, e]
     );
-    return C1(d, () => m.current), /* @__PURE__ */ o("div", { className: "snmt-city-select", children: /* @__PURE__ */ o(
+    return d1(d, () => m.current), /* @__PURE__ */ o("div", { className: "snmt-city-select", children: /* @__PURE__ */ o(
       L3,
       {
         id: n,
@@ -12716,7 +12714,7 @@ const f6 = l1(
         placeholder: Z("placeholder"),
         disabled: h,
         clearable: C,
-        loadOptions: N,
+        loadOptions: x,
         preloadOptions: !0,
         extraOptions: r,
         isLoading: a