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

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

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

Files changed (4) hide show

package/dist/city-select.js CHANGED Viewed

@@ -4,7 +4,7 @@ var Z1 = (i, e, t) => me(i, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
 import { jsx as r, Fragment as i1, jsxs as C } from "react/jsx-runtime";
 import { SNMTUiContext as ke } from "@snmt-react-ui/core";
-import { createContext as d1, forwardRef as k1, useState as S, useRef as Y, useEffect as Z, useCallback as j, useMemo as Le, useImperativeHandle as ne, useContext as r1 } from "react";
+import { createContext as d1, forwardRef as k1, useState as A, useRef as F, useEffect as W, useCallback as D, useMemo as Le, useImperativeHandle as ne, useContext as r1 } from "react";
 import { Select as ve, Flex as Ne, Avatar as xe, Checkbox as Me, Typography as re, Tag as Re, Popover as ye } from "antd";
 var be = Object.defineProperty, _e = (i, e, t) => e in i ? be(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, Ee = (i, e, t) => _e(i, e + "", t), Ve = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function He() {
@@ -100,11 +100,11 @@ class Pe {
   }
 }
 const $e = (i, e) => {
-  const t = Y();
-  return Z(() => {
+  const t = F();
+  return W(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, le = (i, e, t, s) => i.getFixedT(e, t, s), Ye = (i, e, t, s) => j(le(i, e, t, s), [i, e, t, s]), Fe = function(i) {
+}, le = (i, e, t, s) => i.getFixedT(e, t, s), Ye = (i, e, t, s) => D(le(i, e, t, s), [i, e, t, s]), Fe = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
@@ -114,8 +114,8 @@ const $e = (i, e) => {
   } = r1(Ke) || {}, l = t || s || Ge();
   if (l && !l.reportNamespaces && (l.reportNamespaces = new Pe()), !l) {
     I1("You will need to pass in an i18next instance by using initReactI18next");
-    const p = (v, w) => s1(w) ? w : Se(w) && s1(w.defaultValue) ? w.defaultValue : Array.isArray(v) ? v[v.length - 1] : v, L = [p, {}, !1];
-    return L.t = p, L.i18n = {}, L.ready = !1, L;
+    const f = (N, m) => s1(m) ? m : Se(m) && s1(m.defaultValue) ? m.defaultValue : Array.isArray(N) ? N[N.length - 1] : N, w = [f, {}, !1];
+    return w.t = f, w.i18n = {}, w.ready = !1, w;
   }
   l.options.react && l.options.react.wait !== void 0 && I1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
@@ -128,33 +128,33 @@ const $e = (i, e) => {
   } = c;
   let g = i;
   g = s1(g) ? [g] : g || ["translation"], l.reportNamespaces.addUsedNamespaces && l.reportNamespaces.addUsedNamespaces(g);
-  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((p) => Oe(p, l, c)), h = Ye(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, f = () => le(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [k, x] = S(u);
-  let N = g.join();
-  e.lng && (N = `${e.lng}${N}`);
-  const E = $e(N), b = Y(!0);
-  Z(() => {
+  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((f) => Oe(f, l, c)), h = Ye(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => le(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [v, R] = A(u);
+  let L = g.join();
+  e.lng && (L = `${e.lng}${L}`);
+  const E = $e(L), b = F(!0);
+  W(() => {
     const {
-      bindI18n: p,
-      bindI18nStore: L
+      bindI18n: f,
+      bindI18nStore: w
     } = c;
     b.current = !0, !a && !o && (e.lng ? D1(l, e.lng, g, () => {
-      b.current && x(f);
+      b.current && R(p);
     }) : j1(l, g, () => {
-      b.current && x(f);
-    })), a && E && E !== N && b.current && x(f);
-    const v = () => {
-      b.current && x(f);
+      b.current && R(p);
+    })), a && E && E !== L && b.current && R(p);
+    const N = () => {
+      b.current && R(p);
     };
-    return p && l && l.on(p, v), L && l && l.store.on(L, v), () => {
-      b.current = !1, p && l && p.split(" ").forEach((w) => l.off(w, v)), L && l && L.split(" ").forEach((w) => l.store.off(w, v));
+    return f && l && l.on(f, N), w && l && l.store.on(w, N), () => {
+      b.current = !1, f && l && f.split(" ").forEach((m) => l.off(m, N)), w && l && w.split(" ").forEach((m) => l.store.off(m, N));
     };
-  }, [l, N]), Z(() => {
-    b.current && a && x(u);
+  }, [l, L]), W(() => {
+    b.current && a && R(u);
   }, [l, d, a]);
-  const V = [k, l, a];
-  if (V.t = k, V.i18n = l, V.ready = a, a || !a && !o) return V;
-  throw new Promise((p) => {
-    e.lng ? D1(l, e.lng, g, () => p()) : j1(l, g, () => p());
+  const V = [v, l, a];
+  if (V.t = v, V.i18n = l, V.ready = a, a || !a && !o) return V;
+  throw new Promise((f) => {
+    e.lng ? D1(l, e.lng, g, () => f()) : j1(l, g, () => f());
   });
 }, p1 = ({
   children: i,
@@ -192,7 +192,7 @@ const $e = (i, e) => {
     }
   );
 };
-var Q = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(Q || {});
+var q = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(q || {});
 const B1 = d1({
   locale: "en",
   theme: "light"
@@ -206,8 +206,8 @@ const ze = ({
   disabled: n = !1,
   disableUncheck: l = !1
 }) => {
-  const [c, o] = S(i), [d, g] = S(e);
-  Z(() => {
+  const [c, o] = A(i), [d, g] = A(e);
+  W(() => {
     o(i), g(e);
   }, [i, e]);
   const { theme: a } = r1(B1);
@@ -225,7 +225,7 @@ const ze = ({
     }
   );
 };
-var M = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(M || {});
+var x = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(x || {});
 const ae = d1({
   locale: "en",
   theme: "light"
@@ -1771,7 +1771,7 @@ const Je = ({
 ), j2 = ({
   width: i = 24,
   height: e = 24,
-  color: t = M.GREY_DARK_5,
+  color: t = x.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ C(
@@ -1810,7 +1810,7 @@ const Je = ({
 ), D2 = ({
   width: i = 20,
   height: e = 20,
-  color: t = M.GREY_DARK_1,
+  color: t = x.GREY_DARK_1,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ C(
@@ -1843,7 +1843,7 @@ const Je = ({
 ), T2 = ({
   width: i = 81,
   height: e = 80,
-  color: t = M.GREY_DARK_5,
+  color: t = x.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ C(
@@ -1891,7 +1891,7 @@ const Je = ({
   }
 ), G2 = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -1918,7 +1918,7 @@ const Je = ({
   }
 ), K2 = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -1945,7 +1945,7 @@ const Je = ({
   }
 ), P2 = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -1969,7 +1969,7 @@ const Je = ({
   }
 ), $2 = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -1994,7 +1994,7 @@ const Je = ({
   }
 ), Y2 = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2033,7 +2033,7 @@ const Je = ({
   }
 ), F2 = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2072,7 +2072,7 @@ const Je = ({
   }
 ), U2 = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2099,7 +2099,7 @@ const Je = ({
   }
 ), z2 = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2158,7 +2158,7 @@ const Je = ({
   }
 ), J2 = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2195,7 +2195,7 @@ const Je = ({
   }
 ), q2 = ({
   className: i,
-  color: e = M.GREY_DARK_3,
+  color: e = x.GREY_DARK_3,
   height: t = 14,
   width: s = 14,
   onClick: n
@@ -2232,7 +2232,7 @@ const Je = ({
   }
 ), Q2 = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 18,
   onClick: s,
   width: n = 18
@@ -2259,7 +2259,7 @@ const Je = ({
   }
 ), X2 = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2311,7 +2311,7 @@ const Je = ({
   }
 ), et = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2348,7 +2348,7 @@ const Je = ({
   }
 ), tt = ({
   className: i,
-  color: e = M.NOTIFICATION_WARNING_DARK,
+  color: e = x.NOTIFICATION_WARNING_DARK,
   height: t = 37,
   width: s = 36,
   onClick: n
@@ -2387,7 +2387,7 @@ const Je = ({
   }
 ), it = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2413,7 +2413,7 @@ const Je = ({
   }
 ), st = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2452,7 +2452,7 @@ const Je = ({
   }
 ), nt = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2491,7 +2491,7 @@ const Je = ({
   }
 ), rt = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2560,7 +2560,7 @@ const Je = ({
   }
 ), ot = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2599,7 +2599,7 @@ const Je = ({
   }
 ), lt = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2656,7 +2656,7 @@ const Je = ({
   }
 ), at = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2695,7 +2695,7 @@ const Je = ({
   }
 ), ht = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2744,7 +2744,7 @@ const Je = ({
   }
 ), ct = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2783,7 +2783,7 @@ const Je = ({
   }
 ), dt = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2810,7 +2810,7 @@ const Je = ({
   }
 ), gt = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2848,7 +2848,7 @@ const Je = ({
   }
 ), Ct = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2869,7 +2869,7 @@ const Je = ({
   }
 ), ut = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2908,7 +2908,7 @@ const Je = ({
   }
 ), pt = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2947,7 +2947,7 @@ const Je = ({
   }
 ), ft = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2986,7 +2986,7 @@ const Je = ({
   }
 ), wt = ({
   className: i,
-  color: e = M.GREY_DARK_2,
+  color: e = x.GREY_DARK_2,
   height: t = 16,
   width: s = 16,
   onClick: n
@@ -3012,7 +3012,7 @@ const Je = ({
   }
 ), mt = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -3041,7 +3041,7 @@ const Je = ({
   }
 ), kt = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -3070,7 +3070,7 @@ const Je = ({
   }
 ), Lt = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -3085,7 +3085,7 @@ const Je = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: M.GREY_LIGHT_2 }),
+      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: x.GREY_LIGHT_2 }),
       /* @__PURE__ */ r(
         "path",
         {
@@ -3099,7 +3099,7 @@ const Je = ({
   }
 ), vt = ({
   className: i,
-  color: e = M.GREY_DARK_5,
+  color: e = x.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -3114,7 +3114,7 @@ const Je = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: M.GREY_LIGHT_2 }),
+      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: x.GREY_LIGHT_2 }),
       /* @__PURE__ */ r(
         "path",
         {
@@ -3310,7 +3310,7 @@ const Je = ({
 ), bt = ({
   width: i = 24,
   height: e = 24,
-  color: t = M.GREY_DARK_2,
+  color: t = x.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ C(
@@ -3349,7 +3349,7 @@ const Je = ({
 ), _t = ({
   width: i = 24,
   height: e = 24,
-  color: t = M.GREY_DARK_2,
+  color: t = x.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -3376,7 +3376,7 @@ const Je = ({
 ), Et = ({
   width: i = 24,
   height: e = 24,
-  color: t = M.GREY_DARK_2,
+  color: t = x.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ C(
@@ -3416,7 +3416,7 @@ const Je = ({
 ), Vt = ({
   width: i = 24,
   height: e = 24,
-  color: t = M.GREY_DARK_2,
+  color: t = x.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -3443,7 +3443,7 @@ const Je = ({
 ), Ht = ({
   width: i = 24,
   height: e = 24,
-  color: t = M.GREY_DARK_2,
+  color: t = x.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -3476,8 +3476,8 @@ const Je = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [o, d] = S(n), { theme: g } = r1(ae), a = l ? g && g === "dark" ? M.GREY_LIGHT_4 : M.GREY_DARK_1 : s, h = l ? void 0 : c;
-  return Z(() => {
+  const [o, d] = A(n), { theme: g } = r1(ae), a = l ? g && g === "dark" ? x.GREY_LIGHT_4 : x.GREY_DARK_1 : s, h = l ? void 0 : c;
+  return W(() => {
     if (n) {
       h && !l && d(`${n} clickable`);
       return;
@@ -3780,7 +3780,7 @@ const Je = ({
     );
   }
 );
-var R = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(R || {});
+var M = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(M || {});
 const he = d1({
   locale: "en",
   theme: "light"
@@ -5326,7 +5326,7 @@ const Bt = ({
 ), R5 = ({
   width: i = 24,
   height: e = 24,
-  color: t = R.GREY_DARK_5,
+  color: t = M.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ C(
@@ -5365,7 +5365,7 @@ const Bt = ({
 ), y5 = ({
   width: i = 20,
   height: e = 20,
-  color: t = R.GREY_DARK_1,
+  color: t = M.GREY_DARK_1,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ C(
@@ -5398,7 +5398,7 @@ const Bt = ({
 ), b5 = ({
   width: i = 81,
   height: e = 80,
-  color: t = R.GREY_DARK_5,
+  color: t = M.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ C(
@@ -5446,7 +5446,7 @@ const Bt = ({
   }
 ), _5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -5473,7 +5473,7 @@ const Bt = ({
   }
 ), E5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -5500,7 +5500,7 @@ const Bt = ({
   }
 ), V5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -5524,7 +5524,7 @@ const Bt = ({
   }
 ), H5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -5549,7 +5549,7 @@ const Bt = ({
   }
 ), I5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5588,7 +5588,7 @@ const Bt = ({
   }
 ), O5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5627,7 +5627,7 @@ const Bt = ({
   }
 ), S5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5654,7 +5654,7 @@ const Bt = ({
   }
 ), A5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5713,7 +5713,7 @@ const Bt = ({
   }
 ), B5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5750,7 +5750,7 @@ const Bt = ({
   }
 ), Z5 = ({
   className: i,
-  color: e = R.GREY_DARK_3,
+  color: e = M.GREY_DARK_3,
   height: t = 14,
   width: s = 14,
   onClick: n
@@ -5787,7 +5787,7 @@ const Bt = ({
   }
 ), W5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 18,
   onClick: s,
   width: n = 18
@@ -5814,7 +5814,7 @@ const Bt = ({
   }
 ), j5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5866,7 +5866,7 @@ const Bt = ({
   }
 ), D5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5903,7 +5903,7 @@ const Bt = ({
   }
 ), T5 = ({
   className: i,
-  color: e = R.NOTIFICATION_WARNING_DARK,
+  color: e = M.NOTIFICATION_WARNING_DARK,
   height: t = 37,
   width: s = 36,
   onClick: n
@@ -5942,7 +5942,7 @@ const Bt = ({
   }
 ), G5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5968,7 +5968,7 @@ const Bt = ({
   }
 ), K5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6007,7 +6007,7 @@ const Bt = ({
   }
 ), P5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6046,7 +6046,7 @@ const Bt = ({
   }
 ), $5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6115,7 +6115,7 @@ const Bt = ({
   }
 ), Y5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6154,7 +6154,7 @@ const Bt = ({
   }
 ), F5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6211,7 +6211,7 @@ const Bt = ({
   }
 ), U5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6250,7 +6250,7 @@ const Bt = ({
   }
 ), z5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6299,7 +6299,7 @@ const Bt = ({
   }
 ), J5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6338,7 +6338,7 @@ const Bt = ({
   }
 ), q5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6365,7 +6365,7 @@ const Bt = ({
   }
 ), Q5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6403,7 +6403,7 @@ const Bt = ({
   }
 ), X5 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6424,7 +6424,7 @@ const Bt = ({
   }
 ), e3 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6463,7 +6463,7 @@ const Bt = ({
   }
 ), t3 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6502,7 +6502,7 @@ const Bt = ({
   }
 ), i3 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6541,7 +6541,7 @@ const Bt = ({
   }
 ), s3 = ({
   className: i,
-  color: e = R.GREY_DARK_2,
+  color: e = M.GREY_DARK_2,
   height: t = 16,
   width: s = 16,
   onClick: n
@@ -6567,7 +6567,7 @@ const Bt = ({
   }
 ), n3 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -6596,7 +6596,7 @@ const Bt = ({
   }
 ), r3 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -6625,7 +6625,7 @@ const Bt = ({
   }
 ), o3 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -6640,7 +6640,7 @@ const Bt = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: R.GREY_LIGHT_2 }),
+      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: M.GREY_LIGHT_2 }),
       /* @__PURE__ */ r(
         "path",
         {
@@ -6654,7 +6654,7 @@ const Bt = ({
   }
 ), l3 = ({
   className: i,
-  color: e = R.GREY_DARK_5,
+  color: e = M.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -6669,7 +6669,7 @@ const Bt = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: R.GREY_LIGHT_2 }),
+      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: M.GREY_LIGHT_2 }),
       /* @__PURE__ */ r(
         "path",
         {
@@ -6865,7 +6865,7 @@ const Bt = ({
 ), C3 = ({
   width: i = 24,
   height: e = 24,
-  color: t = R.GREY_DARK_2,
+  color: t = M.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ C(
@@ -6904,7 +6904,7 @@ const Bt = ({
 ), u3 = ({
   width: i = 24,
   height: e = 24,
-  color: t = R.GREY_DARK_2,
+  color: t = M.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -6931,7 +6931,7 @@ const Bt = ({
 ), p3 = ({
   width: i = 24,
   height: e = 24,
-  color: t = R.GREY_DARK_2,
+  color: t = M.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ C(
@@ -6971,7 +6971,7 @@ const Bt = ({
 ), f3 = ({
   width: i = 24,
   height: e = 24,
-  color: t = R.GREY_DARK_2,
+  color: t = M.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -6998,7 +6998,7 @@ const Bt = ({
 ), w3 = ({
   width: i = 24,
   height: e = 24,
-  color: t = R.GREY_DARK_2,
+  color: t = M.GREY_DARK_2,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ r(
@@ -7031,8 +7031,8 @@ const Bt = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [o, d] = S(n), { theme: g } = r1(he), a = l ? g && g === "dark" ? R.GREY_LIGHT_4 : R.GREY_DARK_1 : s, h = l ? void 0 : c;
-  return Z(() => {
+  const [o, d] = A(n), { theme: g } = r1(he), a = l ? g && g === "dark" ? M.GREY_LIGHT_4 : M.GREY_DARK_1 : s, h = l ? void 0 : c;
+  return W(() => {
     if (n) {
       h && !l && d(`${n} clickable`);
       return;
@@ -7387,7 +7387,7 @@ const ce = ({
   placement: n = "topRight",
   noPadding: l = !1
 }) => {
-  const [c, o] = S(!1);
+  const [c, o] = A(!1);
   return /* @__PURE__ */ r(
     ye,
     {
@@ -7424,14 +7424,14 @@ const y3 = ({
   options: l,
   extraOptions: c
 }) => {
-  const { locale: o } = r1(B1), { t: d } = Fe("common", { lng: o }), [g, a] = S(!1);
-  if (Z(() => {
+  const { locale: o } = r1(B1), { t: d } = Fe("common", { lng: o }), [g, a] = A(!1);
+  if (W(() => {
     i.length || a(!1);
   }, [i]), !i.length)
     return null;
   const h = (u) => {
-    var f, k;
-    return ((f = l == null ? void 0 : l.find((x) => x.value === u)) == null ? void 0 : f.label) || ((k = c == null ? void 0 : c.find((x) => x.value === u)) == null ? void 0 : k.label) || u;
+    var p, v;
+    return ((p = l == null ? void 0 : l.find((R) => R.value === u)) == null ? void 0 : p.label) || ((v = c == null ? void 0 : c.find((R) => R.value === u)) == null ? void 0 : v.label) || u;
   };
   return /* @__PURE__ */ C(
     M3,
@@ -7482,207 +7482,209 @@ const y3 = ({
     scrollThresholdValue: a = 50,
     onSearchChange: h,
     onDropdownVisibleChange: u,
-    onScrollToEnd: f,
-    onPopupScroll: k,
-    id: x,
-    extraOptions: N,
+    onScrollToEnd: p,
+    onPopupScroll: v,
+    id: R,
+    extraOptions: L,
     dropdownRender: E,
     optionRender: b,
     isLoading: V,
-    readOnly: p,
-    error: L
-  }, v) => {
-    const [w, H] = S(!1), [F, W] = S(!1), [K, z] = S(!0), [A, T] = S(i), U = Y(null);
-    Z(() => {
-      T(i);
+    readOnly: f,
+    error: w
+  }, N) => {
+    const [m, H] = A(!1), [B, j] = A(!1), [G, Q] = A(!0), [I, K] = A(i), U = F(null);
+    W(() => {
+      K(i);
     }, [i]);
-    const q = (m) => {
-      H(m), u && u(m);
-    }, X = (m, _) => {
-      var O;
-      return !!((O = _ == null ? void 0 : _.label) != null && O.toString().toLowerCase().includes(m.toLowerCase()));
-    }, B = () => {
-      W(!0);
-    }, P = () => {
-      W(!1);
-    }, G = j(
-      (m) => {
-        if (T(m), s) {
-          const O = m;
-          e == null || e(O);
+    const J = (k) => {
+      H(k), u && u(k);
+    }, X = (k, _) => {
+      var S;
+      return !!((S = _ == null ? void 0 : _.label) != null && S.toString().toLowerCase().includes(k.toLowerCase()));
+    }, Z = () => {
+      j(!0);
+    }, $ = () => {
+      j(!1);
+    }, P = D(
+      (k) => {
+        if (K(k), s) {
+          const S = k;
+          e == null || e(S);
           return;
         }
-        const _ = m;
+        const _ = k;
         e == null || e(_);
       },
       [s, e]
-    ), e1 = j(() => {
-      if (!p) {
+    ), e1 = D(() => {
+      if (!f) {
         if (s) {
-          G([]);
+          P([]);
           return;
         }
-        G("");
+        P("");
       }
-    }, [G, s, p]), t1 = j(
-      (m) => {
-        const _ = A.filter((O) => O !== m);
-        G(_), T(_);
+    }, [P, s, f]), t1 = D(
+      (k) => {
+        const _ = I.filter((S) => S !== k);
+        P(_), K(_);
       },
-      [G, A]
-    ), g1 = j(
-      (m) => (A == null ? void 0 : A.indexOf(m)) === 0 ? (
+      [P, I]
+    ), g1 = D(
+      (k) => (I == null ? void 0 : I.indexOf(k)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
-        /* @__PURE__ */ r("span", { className: "custom-placeholder", children: K ? t : "" })
+        /* @__PURE__ */ r("span", { className: "custom-placeholder", children: G ? t : "" })
       ) : /* @__PURE__ */ r(i1, {}),
-      [K, A, t]
-    ), L1 = (m) => {
-      m.preventDefault(), m.stopPropagation();
-    }, v1 = async (m) => {
-      const { target: _ } = m;
-      _.scrollTop + _.offsetHeight >= _.scrollHeight - a && (f == null || f(!0)), k && await k(m);
-    }, o1 = j(
-      (m) => {
-        var _, O;
-        return ((_ = l.find((l1) => l1.value === m)) == null ? void 0 : _.label) || ((O = N == null ? void 0 : N.find(
-          (l1) => l1.value === m
-        )) == null ? void 0 : O.label) || m;
+      [G, I, t]
+    ), L1 = (k) => {
+      k.preventDefault(), k.stopPropagation();
+    }, v1 = async (k) => {
+      const { target: _ } = k;
+      _.scrollTop + _.offsetHeight >= _.scrollHeight - a && (p == null || p(!0)), v && await v(k);
+    }, o1 = D(
+      (k) => {
+        var _, S;
+        return ((_ = l.find((l1) => l1.value === k)) == null ? void 0 : _.label) || ((S = L == null ? void 0 : L.find(
+          (l1) => l1.value === k
+        )) == null ? void 0 : S.label) || k;
       },
-      [N, l]
-    ), N1 = j(
-      (m) => {
+      [L, l]
+    ), N1 = D(
+      (k) => {
         var _;
         return /* @__PURE__ */ r(
           y3,
           {
-            values: m,
+            values: k,
             onTagClose: t1,
             maxWidth: ((_ = U.current) == null ? void 0 : _.clientWidth) || 0,
             disabled: o,
-            closable: !p,
+            closable: !f,
             options: l,
-            extraOptions: N
+            extraOptions: L
           }
         );
       },
-      [o, N, t1, l, p]
-    ), I = j(
-      ({ label: m, value: _, mode: O }) => O === "filter" ? g1(_) : /* @__PURE__ */ r("div", { onMouseDown: L1, className: "tag-wrapper", children: /* @__PURE__ */ r(ce, { onClose: () => t1(_), disabled: o, children: typeof m == "object" ? m : o1(_) }) }),
+      [o, L, t1, l, f]
+    ), O = D(
+      ({ label: k, value: _, mode: S }) => S === "filter" ? g1(_) : /* @__PURE__ */ r("div", { onMouseDown: L1, className: "tag-wrapper", children: /* @__PURE__ */ r(ce, { onClose: () => t1(_), disabled: o, children: typeof k == "object" ? k : o1(_) }) }),
       [o, o1, t1, g1]
-    ), $ = Array.isArray(A) && A.length > 0 || !!A && typeof A == "string" && A.trim() !== "";
-    return /* @__PURE__ */ C(
-      "div",
-      {
-        className: `snmt-select-1-15-6 ${F ? "snmt-select-focused" : ""}
-                    ${s ? "" : "snmt-select-single"} ${p ? "snmt-select-read-only" : ""}`,
-        ref: U,
-        style: { width: c },
-        children: [
-          /* @__PURE__ */ r(
-            ve,
-            {
-              className: "snmt-select-blank",
-              popupClassName: p ? "dropdown-read-only" : "",
-              id: x,
-              ref: v,
-              showSearch: !!n,
-              filterOption: n && X,
-              onDropdownVisibleChange: q,
-              disabled: o,
-              value: A || void 0,
-              labelRender: (m) => o1(m.value),
-              mode: s === "filter" ? "multiple" : s,
-              onChange: G,
-              onFocus: B,
-              onBlur: P,
-              onSearch: (m) => {
-                z(!m), h && h(m);
-              },
-              onSelect: () => z(!0),
-              onDeselect: () => z(!0),
-              tagRender: (m) => I({ ...m, mode: s }),
-              maxTagCount: "responsive",
-              maxTagPlaceholder: N1,
-              onPopupScroll: v1,
-              prefix: V && /* @__PURE__ */ r(T1, { size: 15 }),
-              suffixIcon: /* @__PURE__ */ r("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ C(i1, { children: [
-                A && !!A.length && (s || g) && /* @__PURE__ */ r("div", { onClick: e1, children: /* @__PURE__ */ r(
-                  C1,
-                  {
-                    name: "cancel",
-                    color: o ? Q.GREY_DARK_1 : Q.GREY_DARK_5
-                  }
-                ) }),
-                /* @__PURE__ */ r(
-                  C1,
-                  {
-                    name: "selectArrowIcon",
-                    color: o ? Q.GREY_DARK_1 : Q.GREY_DARK_5,
-                    className: w ? "select-arrow-rotated" : "select-arrow",
-                    onClick: () => H(!w)
-                  }
-                )
-              ] }) }),
-              removeIcon: /* @__PURE__ */ r(C1, { name: "errorSmall", color: Q.GREY_DARK_2 }),
-              options: l,
-              optionRender: (m) => b ? b(m.data) : /* @__PURE__ */ C(p1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
-                /* @__PURE__ */ C(p1, { alignItems: "center", gap: 12, children: [
-                  s && /* @__PURE__ */ r(
-                    ze,
+    ), Y = Array.isArray(I) && I.length > 0 || !!I && typeof I == "string" && I.trim() !== "";
+    return /* @__PURE__ */ C("div", { className: "snmt-select-container", children: [
+      /* @__PURE__ */ C(
+        "div",
+        {
+          className: `snmt-select-1-15-6 ${B ? "snmt-select-focused" : ""}
+                        ${s ? "" : "snmt-select-single"} ${f ? "snmt-select-read-only" : ""}`,
+          ref: U,
+          style: { width: c },
+          children: [
+            /* @__PURE__ */ r(
+              ve,
+              {
+                className: "snmt-select-blank",
+                popupClassName: f ? "dropdown-read-only" : "",
+                id: R,
+                ref: N,
+                showSearch: !!n,
+                filterOption: n && X,
+                onDropdownVisibleChange: J,
+                disabled: o,
+                value: I || void 0,
+                labelRender: (k) => o1(k.value),
+                mode: s === "filter" ? "multiple" : s,
+                onChange: P,
+                onFocus: Z,
+                onBlur: $,
+                onSearch: (k) => {
+                  Q(!k), h && h(k);
+                },
+                onSelect: () => Q(!0),
+                onDeselect: () => Q(!0),
+                tagRender: (k) => O({ ...k, mode: s }),
+                maxTagCount: "responsive",
+                maxTagPlaceholder: N1,
+                onPopupScroll: v1,
+                prefix: V && /* @__PURE__ */ r(T1, { size: 15 }),
+                suffixIcon: /* @__PURE__ */ r("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ C(i1, { children: [
+                  I && !!I.length && (s || g) && /* @__PURE__ */ r("div", { onClick: e1, children: /* @__PURE__ */ r(
+                    C1,
+                    {
+                      name: "cancel",
+                      color: o ? q.GREY_DARK_1 : q.GREY_DARK_5
+                    }
+                  ) }),
+                  /* @__PURE__ */ r(
+                    C1,
                     {
-                      checked: !!(A != null && A.includes(m.value))
+                      name: "selectArrowIcon",
+                      color: o ? q.GREY_DARK_1 : q.GREY_DARK_5,
+                      className: m ? "select-arrow-rotated" : "select-arrow",
+                      onClick: () => H(!m)
                     }
-                  ),
-                  /* @__PURE__ */ C(p1, { alignItems: "center", gap: 8, children: [
-                    m.data.image && /* @__PURE__ */ r(Ue, { src: m.data.image, size: 20 }),
-                    /* @__PURE__ */ r("span", { children: m.label })
-                  ] })
+                  )
+                ] }) }),
+                removeIcon: /* @__PURE__ */ r(C1, { name: "errorSmall", color: q.GREY_DARK_2 }),
+                options: l,
+                optionRender: (k) => b ? b(k.data) : /* @__PURE__ */ C(p1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                  /* @__PURE__ */ C(p1, { alignItems: "center", gap: 12, children: [
+                    s && /* @__PURE__ */ r(
+                      ze,
+                      {
+                        checked: !!(I != null && I.includes(k.value))
+                      }
+                    ),
+                    /* @__PURE__ */ C(p1, { alignItems: "center", gap: 8, children: [
+                      k.data.image && /* @__PURE__ */ r(Ue, { src: k.data.image, size: 20 }),
+                      /* @__PURE__ */ r("span", { children: k.label })
+                    ] })
+                  ] }),
+                  !s && I === k.value && /* @__PURE__ */ r(
+                    C1,
+                    {
+                      name: "ok",
+                      color: q.BLUE_PRIMARY,
+                      width: 16,
+                      height: 16
+                    }
+                  )
                 ] }),
-                !s && A === m.value && /* @__PURE__ */ r(
-                  C1,
-                  {
-                    name: "ok",
-                    color: Q.BLUE_PRIMARY,
-                    width: 16,
-                    height: 16
-                  }
-                )
-              ] }),
-              dropdownRender: (m) => /* @__PURE__ */ C("div", { className: "dropdown-container", children: [
-                /* @__PURE__ */ r("div", { className: "dropdown-menu", children: E ? E(m) : m }),
-                V && /* @__PURE__ */ r("div", { className: "loading-overlay", children: /* @__PURE__ */ r(T1, { size: 28 }) })
-              ] })
-            }
-          ),
-          t && /* @__PURE__ */ C(i1, { children: [
-            /* @__PURE__ */ r(
-              "label",
-              {
-                className: `${F || $ ? "label-floating" : ""} ${o ? "label-disabled" : ""} ${F ? "label-focused" : ""} ${V ? "label-loading" : ""} ${L ? "label-error" : ""}`,
-                children: d ? `${t}*` : t
+                dropdownRender: (k) => /* @__PURE__ */ C("div", { className: "dropdown-container", children: [
+                  /* @__PURE__ */ r("div", { className: "dropdown-menu", children: E ? E(k) : k }),
+                  V && /* @__PURE__ */ r("div", { className: "loading-overlay", children: /* @__PURE__ */ r(T1, { size: 28 }) })
+                ] })
               }
             ),
-            /* @__PURE__ */ r(
-              "fieldset",
-              {
-                className: `${F ? "fieldset-focused" : ""} ${o ? "fieldset-disabled" : ""} ${$ ? "fieldset-filled" : ""} ${L ? "fieldset-error" : ""}`,
-                children: /* @__PURE__ */ r("legend", { children: /* @__PURE__ */ r("span", { children: d ? `${t}*` : t }) })
-              }
-            )
-          ] }),
-          L && /* @__PURE__ */ C(p1, { justifyContent: "flex-start", gap: 6, children: [
-            /* @__PURE__ */ r(C1, { name: "attention", color: Q.NOTIFICATION_ERROR_DARK }),
-            typeof L == "string" ? /* @__PURE__ */ r(x3, { color: Q.NOTIFICATION_ERROR_DARK, variant: "body4", children: L }) : L
-          ] })
-        ]
-      }
-    );
+            t && /* @__PURE__ */ C(i1, { children: [
+              /* @__PURE__ */ r(
+                "label",
+                {
+                  className: `${B || Y ? "label-floating" : ""} ${o ? "label-disabled" : ""} ${B ? "label-focused" : ""} ${V ? "label-loading" : ""} ${w ? "label-error" : ""}`,
+                  children: d ? `${t}*` : t
+                }
+              ),
+              /* @__PURE__ */ r(
+                "fieldset",
+                {
+                  className: `${B ? "fieldset-focused" : ""} ${o ? "fieldset-disabled" : ""} ${Y ? "fieldset-filled" : ""} ${w ? "fieldset-error" : ""}`,
+                  children: /* @__PURE__ */ r("legend", { children: /* @__PURE__ */ r("span", { children: d ? `${t}*` : t }) })
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      w && /* @__PURE__ */ C(p1, { justifyContent: "flex-start", gap: 6, children: [
+        /* @__PURE__ */ r(C1, { name: "attention", color: q.NOTIFICATION_ERROR_DARK }),
+        typeof w == "string" ? /* @__PURE__ */ r(x3, { color: q.NOTIFICATION_ERROR_DARK, variant: "body4", children: w }) : w
+      ] })
+    ] });
   }
 );
 function b3(i, e = 500) {
-  const t = Y();
-  return Z(() => () => {
+  const t = F();
+  return W(() => () => {
     t.current && clearTimeout(t.current);
   }, []), (...s) => {
     const n = setTimeout(() => {
@@ -7692,8 +7694,8 @@ function b3(i, e = 500) {
   };
 }
 function K1(i) {
-  const e = Y(i);
-  return Z(() => {
+  const e = F(i);
+  return W(() => {
     e.current = i;
   }, [i]), e.current;
 }
@@ -7714,98 +7716,98 @@ const E1 = 100, a1 = {
     preloadOptions: a,
     extraOptions: h,
     onDropdownVisibleChange: u,
-    optionRender: f,
-    dropdownRender: k,
-    readOnly: x,
-    clearable: N = !1,
+    optionRender: p,
+    dropdownRender: v,
+    readOnly: R,
+    clearable: L = !1,
     required: E = !1,
     error: b
   }, V) => {
-    const [p, L] = S(), [v, w] = S(a1), [H, F] = S(!1), [W, K] = S(), [z, A] = S(!1), [T, U] = S(
+    const [f, w] = A(), [N, m] = A(a1), [H, B] = A(!1), [j, G] = A(), [Q, I] = A(!1), [K, U] = A(
       h ?? []
-    ), q = K1(v.offset), X = K1(W), [B, P] = S(!1), G = Y(!1), e1 = j(
+    ), J = K1(N.offset), X = K1(j), [Z, $] = A(!1), P = F(!1), e1 = D(
       async ({
-        limit: I = E1,
-        offset: $,
-        search: m
+        limit: O = E1,
+        offset: Y,
+        search: k
       }) => {
-        F(!0);
+        B(!0);
         try {
           const _ = await i({
-            limit: I,
-            offset: $,
-            search: m
+            limit: O,
+            offset: Y,
+            search: k
           });
-          L(
-            (O) => $ === 0 ? _.options : [...O ?? [], ..._.options]
-          ), w((O) => ({
-            ...O,
+          w(
+            (S) => Y === 0 ? _.options : [...S ?? [], ..._.options]
+          ), m((S) => ({
+            ...S,
             count: _.count
           }));
         } catch (_) {
           return console.error("AsyncSelect. fetchOptions error", _), [];
         } finally {
-          F(!1);
+          B(!1);
         }
       },
       [i]
-    ), t1 = b3((I) => {
-      K(I), I || w(a1);
-    }), g1 = j(
-      (I) => t1(I),
+    ), t1 = b3((O) => {
+      G(O), O || m(a1);
+    }), g1 = D(
+      (O) => t1(O),
       [t1]
-    ), L1 = j(
-      async (I) => {
-        H || I && v.count && v.count > ((p == null ? void 0 : p.length) ?? 0) && w(($) => ({
-          ...$,
-          offset: $.offset + E1
+    ), L1 = D(
+      async (O) => {
+        H || O && N.count && N.count > ((f == null ? void 0 : f.length) ?? 0) && m((Y) => ({
+          ...Y,
+          offset: Y.offset + E1
         }));
       },
-      [H, p == null ? void 0 : p.length, v.count]
-    ), v1 = j(
-      (I) => {
-        A(I), !I && W && (K(void 0), w(a1), P(!0)), u == null || u(I);
+      [H, f == null ? void 0 : f.length, N.count]
+    ), v1 = D(
+      (O) => {
+        I(O), !O && j && (G(void 0), m(a1), $(!0)), u == null || u(O);
       },
-      [u, W]
+      [u, j]
     );
-    Z(() => {
-      !G.current || H || (B || z && (q !== v.offset || X !== W || !p)) && (e1({ offset: v.offset, limit: E1, search: W }), B && P(!1));
-    }, [B, z, v.offset, W, q, X, p, H]), Z(() => {
-      (g || a) && e1(a1), G.current = !0;
-    }, []), Z(() => {
-      h && U((I) => {
-        const $ = h.filter(
-          (m) => !I.some((_) => _.value === m.value)
+    W(() => {
+      !P.current || H || (Z || Q && (J !== N.offset || X !== j || !f)) && (e1({ offset: N.offset, limit: E1, search: j }), Z && $(!1));
+    }, [Z, Q, N.offset, j, J, X, f, H]), W(() => {
+      (g || a) && e1(a1), P.current = !0;
+    }, []), W(() => {
+      h && U((O) => {
+        const Y = h.filter(
+          (k) => !O.some((_) => _.value === k.value)
         );
-        return [...I, ...$];
+        return [...O, ...Y];
       });
     }, [h]);
-    const o1 = j(
-      (I) => {
-        t && t(I);
-        let $ = [];
-        if (d ? $ = Array.isArray(I) ? I : [] : $ = I ? [I] : [], W) {
-          const m = $.filter(
-            (_) => !(T != null && T.some((O) => O.value === _))
+    const o1 = D(
+      (O) => {
+        t && t(O);
+        let Y = [];
+        if (d ? Y = Array.isArray(O) ? O : [] : Y = O ? [O] : [], j) {
+          const k = Y.filter(
+            (_) => !(K != null && K.some((S) => S.value === _))
           );
-          m.length > 0 && U((_ = []) => [
+          k.length > 0 && U((_ = []) => [
             ..._,
-            ...m.map((O) => {
-              const l1 = p == null ? void 0 : p.find((fe) => fe.value === O);
+            ...k.map((S) => {
+              const l1 = f == null ? void 0 : f.find((fe) => fe.value === S);
               return {
-                value: O,
-                label: (l1 == null ? void 0 : l1.label) ?? O
+                value: S,
+                label: (l1 == null ? void 0 : l1.label) ?? S
               };
             })
-          ]), K(void 0), w(a1), P(!0);
+          ]), G(void 0), m(a1), $(!0);
         }
       },
-      [t, W, d, p, T]
+      [t, j, d, f, K]
     ), N1 = Le(
       () => ({
         id: n,
         width: e,
-        options: p || [],
+        options: f || [],
         onChange: o1,
         ref: V,
         placeholder: o,
@@ -7816,19 +7818,19 @@ const E1 = 100, a1 = {
         scrollThresholdValue: c,
         onScrollToEnd: L1,
         disabled: l,
-        extraOptions: T,
+        extraOptions: K,
         isLoading: H,
-        optionRender: f,
-        dropdownRender: k,
-        readOnly: x,
-        clearable: N,
+        optionRender: p,
+        dropdownRender: v,
+        readOnly: R,
+        clearable: L,
         required: E,
         error: b
       }),
       [
         n,
         e,
-        p,
+        f,
         o1,
         V,
         o,
@@ -7838,19 +7840,19 @@ const E1 = 100, a1 = {
         c,
         L1,
         l,
-        T,
+        K,
         H,
-        f,
-        k,
-        x,
-        N,
+        p,
+        v,
+        R,
+        L,
         E,
         b
       ]
     );
     return ne(V, () => ({
       refetchOptions: async () => {
-        w(a1), K(void 0), P(!0);
+        m(a1), G(void 0), $(!0);
       }
     })), d ? /* @__PURE__ */ r(G1, { ...N1, value: s, mode: d }) : /* @__PURE__ */ r("div", { className: "snmt-async-select", children: /* @__PURE__ */ r(G1, { ...N1, value: s }) });
   }
@@ -8019,7 +8021,7 @@ class y1 {
     return e = e || this.options, e.prefix = e.prefix || this.prefix, new y1(this.logger, e);
   }
 }
-var J = new y1();
+var z = new y1();
 class _1 {
   constructor() {
     this.observers = {};
@@ -8144,7 +8146,7 @@ const z1 = {};
 class b1 extends _1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    super(), E3(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = J.create("translator");
+    super(), E3(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = z.create("translator");
   }
   changeLanguage(e) {
     e && (this.language = e);
@@ -8190,15 +8192,15 @@ class b1 extends _1 {
     } = this.extractFromKey(e[e.length - 1], t), d = o[o.length - 1], g = t.lng || this.language, a = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
     if (g && g.toLowerCase() === "cimode") {
       if (a) {
-        const p = t.nsSeparator || this.options.nsSeparator;
+        const f = t.nsSeparator || this.options.nsSeparator;
         return n ? {
-          res: `${d}${p}${c}`,
+          res: `${d}${f}${c}`,
           usedKey: c,
           exactUsedKey: c,
           usedLng: g,
           usedNS: d,
           usedParams: this.getUsedParamsDetails(t)
-        } : `${d}${p}${c}`;
+        } : `${d}${f}${c}`;
       }
       return n ? {
         res: c,
@@ -8211,64 +8213,64 @@ class b1 extends _1 {
     }
     const h = this.resolve(e, t);
     let u = h && h.res;
-    const f = h && h.usedKey || c, k = h && h.exactUsedKey || c, x = Object.prototype.toString.apply(u), N = ["[object Number]", "[object Function]", "[object RegExp]"], E = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, b = !this.i18nFormat || this.i18nFormat.handleAsObject, V = !y(u) && typeof u != "boolean" && typeof u != "number";
-    if (b && u && V && N.indexOf(x) < 0 && !(y(E) && Array.isArray(u))) {
+    const p = h && h.usedKey || c, v = h && h.exactUsedKey || c, R = Object.prototype.toString.apply(u), L = ["[object Number]", "[object Function]", "[object RegExp]"], E = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, b = !this.i18nFormat || this.i18nFormat.handleAsObject, V = !y(u) && typeof u != "boolean" && typeof u != "number";
+    if (b && u && V && L.indexOf(R) < 0 && !(y(E) && Array.isArray(u))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
-        const p = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(f, u, {
+        const f = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, u, {
           ...t,
           ns: o
         }) : `key '${c} (${this.language})' returned an object instead of string.`;
-        return n ? (h.res = p, h.usedParams = this.getUsedParamsDetails(t), h) : p;
+        return n ? (h.res = f, h.usedParams = this.getUsedParamsDetails(t), h) : f;
       }
       if (l) {
-        const p = Array.isArray(u), L = p ? [] : {}, v = p ? k : f;
-        for (const w in u)
-          if (Object.prototype.hasOwnProperty.call(u, w)) {
-            const H = `${v}${l}${w}`;
-            L[w] = this.translate(H, {
+        const f = Array.isArray(u), w = f ? [] : {}, N = f ? v : p;
+        for (const m in u)
+          if (Object.prototype.hasOwnProperty.call(u, m)) {
+            const H = `${N}${l}${m}`;
+            w[m] = this.translate(H, {
               ...t,
               joinArrays: !1,
               ns: o
-            }), L[w] === H && (L[w] = u[w]);
+            }), w[m] === H && (w[m] = u[m]);
           }
-        u = L;
+        u = w;
       }
     } else if (b && y(E) && Array.isArray(u))
       u = u.join(E), u && (u = this.extendTranslation(u, e, t, s));
     else {
-      let p = !1, L = !1;
-      const v = t.count !== void 0 && !y(t.count), w = b1.hasDefaultValue(t), H = v ? this.pluralResolver.getSuffix(g, t.count, t) : "", F = t.ordinal && v ? this.pluralResolver.getSuffix(g, t.count, {
+      let f = !1, w = !1;
+      const N = t.count !== void 0 && !y(t.count), m = b1.hasDefaultValue(t), H = N ? this.pluralResolver.getSuffix(g, t.count, t) : "", B = t.ordinal && N ? this.pluralResolver.getSuffix(g, t.count, {
         ordinal: !1
-      }) : "", W = v && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), K = W && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${H}`] || t[`defaultValue${F}`] || t.defaultValue;
-      !this.isValidLookup(u) && w && (p = !0, u = K), this.isValidLookup(u) || (L = !0, u = c);
-      const A = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && L ? void 0 : u, T = w && K !== u && this.options.updateMissing;
-      if (L || p || T) {
-        if (this.logger.log(T ? "updateKey" : "missingKey", g, d, c, T ? K : u), l) {
-          const B = this.resolve(c, {
+      }) : "", j = N && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), G = j && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${H}`] || t[`defaultValue${B}`] || t.defaultValue;
+      !this.isValidLookup(u) && m && (f = !0, u = G), this.isValidLookup(u) || (w = !0, u = c);
+      const I = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && w ? void 0 : u, K = m && G !== u && this.options.updateMissing;
+      if (w || f || K) {
+        if (this.logger.log(K ? "updateKey" : "missingKey", g, d, c, K ? G : u), l) {
+          const Z = this.resolve(c, {
             ...t,
             keySeparator: !1
           });
-          B && B.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
+          Z && Z.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
         }
         let U = [];
-        const q = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
-        if (this.options.saveMissingTo === "fallback" && q && q[0])
-          for (let B = 0; B < q.length; B++)
-            U.push(q[B]);
+        const J = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
+        if (this.options.saveMissingTo === "fallback" && J && J[0])
+          for (let Z = 0; Z < J.length; Z++)
+            U.push(J[Z]);
         else this.options.saveMissingTo === "all" ? U = this.languageUtils.toResolveHierarchy(t.lng || this.language) : U.push(t.lng || this.language);
-        const X = (B, P, G) => {
-          const e1 = w && G !== u ? G : A;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(B, d, P, e1, T, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(B, d, P, e1, T, t), this.emit("missingKey", B, d, P, u);
+        const X = (Z, $, P) => {
+          const e1 = m && P !== u ? P : I;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(Z, d, $, e1, K, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(Z, d, $, e1, K, t), this.emit("missingKey", Z, d, $, u);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && v ? U.forEach((B) => {
-          const P = this.pluralResolver.getSuffixes(B, t);
-          W && t[`defaultValue${this.options.pluralSeparator}zero`] && P.indexOf(`${this.options.pluralSeparator}zero`) < 0 && P.push(`${this.options.pluralSeparator}zero`), P.forEach((G) => {
-            X([B], c + G, t[`defaultValue${G}`] || K);
+        this.options.saveMissing && (this.options.saveMissingPlurals && N ? U.forEach((Z) => {
+          const $ = this.pluralResolver.getSuffixes(Z, t);
+          j && t[`defaultValue${this.options.pluralSeparator}zero`] && $.indexOf(`${this.options.pluralSeparator}zero`) < 0 && $.push(`${this.options.pluralSeparator}zero`), $.forEach((P) => {
+            X([Z], c + P, t[`defaultValue${P}`] || G);
           });
-        }) : X(U, c, K));
+        }) : X(U, c, G));
       }
-      u = this.extendTranslation(u, e, t, h, s), L && u === c && this.options.appendNamespaceToMissingKey && (u = `${d}:${c}`), (L || p) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? u = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, p ? u : void 0) : u = this.options.parseMissingKeyHandler(u));
+      u = this.extendTranslation(u, e, t, h, s), w && u === c && this.options.appendNamespaceToMissingKey && (u = `${d}:${c}`), (w || f) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? u = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, f ? u : void 0) : u = this.options.parseMissingKeyHandler(u));
     }
     return n ? (h.res = u, h.usedParams = this.getUsedParamsDetails(t), h) : u;
   }
@@ -8300,13 +8302,13 @@ class b1 extends _1 {
         ...this.options.interpolation.defaultVariables,
         ...h
       }), e = this.interpolator.interpolate(e, h, s.lng || this.language || n.usedLng, s), g) {
-        const u = e.match(this.interpolator.nestingRegexp), f = u && u.length;
-        a < f && (s.nest = !1);
+        const u = e.match(this.interpolator.nestingRegexp), p = u && u.length;
+        a < p && (s.nest = !1);
       }
       !s.lng && this.options.compatibilityAPI !== "v1" && n && n.res && (s.lng = this.language || n.usedLng), s.nest !== !1 && (e = this.interpolator.nest(e, function() {
-        for (var u = arguments.length, f = new Array(u), k = 0; k < u; k++)
-          f[k] = arguments[k];
-        return l && l[0] === f[0] && !s.context ? (c.logger.warn(`It seems you are nesting recursively key: ${f[0]} in key: ${t[0]}`), null) : c.translate(...f, t);
+        for (var u = arguments.length, p = new Array(u), v = 0; v < u; v++)
+          p[v] = arguments[v];
+        return l && l[0] === p[0] && !s.context ? (c.logger.warn(`It seems you are nesting recursively key: ${p[0]} in key: ${t[0]}`), null) : c.translate(...p, t);
       }, s)), s.interpolation && this.interpolator.reset();
     }
     const o = s.postProcess || this.options.postProcess, d = y(o) ? [o] : o;
@@ -8326,26 +8328,26 @@ class b1 extends _1 {
       n = a;
       let h = g.namespaces;
       this.options.fallbackNS && (h = h.concat(this.options.fallbackNS));
-      const u = t.count !== void 0 && !y(t.count), f = u && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), k = t.context !== void 0 && (y(t.context) || typeof t.context == "number") && t.context !== "", x = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
-      h.forEach((N) => {
-        this.isValidLookup(s) || (o = N, !z1[`${x[0]}-${N}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(o) && (z1[`${x[0]}-${N}`] = !0, this.logger.warn(`key "${n}" for languages "${x.join(", ")}" won't get resolved as namespace "${o}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), x.forEach((E) => {
+      const u = t.count !== void 0 && !y(t.count), p = u && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), v = t.context !== void 0 && (y(t.context) || typeof t.context == "number") && t.context !== "", R = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      h.forEach((L) => {
+        this.isValidLookup(s) || (o = L, !z1[`${R[0]}-${L}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(o) && (z1[`${R[0]}-${L}`] = !0, this.logger.warn(`key "${n}" for languages "${R.join(", ")}" won't get resolved as namespace "${o}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), R.forEach((E) => {
           if (this.isValidLookup(s)) return;
           c = E;
           const b = [a];
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
-            this.i18nFormat.addLookupKeys(b, a, E, N, t);
+            this.i18nFormat.addLookupKeys(b, a, E, L, t);
           else {
-            let p;
-            u && (p = this.pluralResolver.getSuffix(E, t.count, t));
-            const L = `${this.options.pluralSeparator}zero`, v = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (u && (b.push(a + p), t.ordinal && p.indexOf(v) === 0 && b.push(a + p.replace(v, this.options.pluralSeparator)), f && b.push(a + L)), k) {
-              const w = `${a}${this.options.contextSeparator}${t.context}`;
-              b.push(w), u && (b.push(w + p), t.ordinal && p.indexOf(v) === 0 && b.push(w + p.replace(v, this.options.pluralSeparator)), f && b.push(w + L));
+            let f;
+            u && (f = this.pluralResolver.getSuffix(E, t.count, t));
+            const w = `${this.options.pluralSeparator}zero`, N = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
+            if (u && (b.push(a + f), t.ordinal && f.indexOf(N) === 0 && b.push(a + f.replace(N, this.options.pluralSeparator)), p && b.push(a + w)), v) {
+              const m = `${a}${this.options.contextSeparator}${t.context}`;
+              b.push(m), u && (b.push(m + f), t.ordinal && f.indexOf(N) === 0 && b.push(m + f.replace(N, this.options.pluralSeparator)), p && b.push(m + w));
             }
           }
           let V;
           for (; V = b.pop(); )
-            this.isValidLookup(s) || (l = V, s = this.getResource(E, N, V, t));
+            this.isValidLookup(s) || (l = V, s = this.getResource(E, L, V, t));
         }));
       });
     }), {
@@ -8390,7 +8392,7 @@ class b1 extends _1 {
 const V1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
 class J1 {
   constructor(e) {
-    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = J.create("languageUtils");
+    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = z.create("languageUtils");
   }
   getScriptPartFromCode(e) {
     if (e = R1(e), !e || e.indexOf("-") < 0) return null;
@@ -8590,7 +8592,7 @@ const G3 = ["v1", "v2", "v3"], K3 = ["v4"], q1 = {
 class $3 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.languageUtils = e, this.options = t, this.logger = J.create("pluralResolver"), (!this.options.compatibilityJSON || K3.includes(this.options.compatibilityJSON)) && (typeof Intl > "u" || !Intl.PluralRules) && (this.options.compatibilityJSON = "v3", this.logger.error("Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling.")), this.rules = P3(), this.pluralRulesCache = {};
+    this.languageUtils = e, this.options = t, this.logger = z.create("pluralResolver"), (!this.options.compatibilityJSON || K3.includes(this.options.compatibilityJSON)) && (typeof Intl > "u" || !Intl.PluralRules) && (this.options.compatibilityJSON = "v3", this.logger.error("Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling.")), this.rules = P3(), this.pluralRulesCache = {};
   }
   addRule(e, t) {
     this.rules[e] = t;
@@ -8658,7 +8660,7 @@ const Q1 = function(i, e, t) {
 class Y3 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = J.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
+    this.logger = z.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
   }
   init() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -8677,14 +8679,14 @@ class Y3 {
       unescapeSuffix: a,
       unescapePrefix: h,
       nestingPrefix: u,
-      nestingPrefixEscaped: f,
-      nestingSuffix: k,
-      nestingSuffixEscaped: x,
-      nestingOptionsSeparator: N,
+      nestingPrefixEscaped: p,
+      nestingSuffix: v,
+      nestingSuffixEscaped: R,
+      nestingOptionsSeparator: L,
       maxReplaces: E,
       alwaysFormat: b
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : S3, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = l ? h1(l) : c || "{{", this.suffix = o ? h1(o) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = a ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : a || "", this.nestingPrefix = u ? h1(u) : f || h1("$t("), this.nestingSuffix = k ? h1(k) : x || h1(")"), this.nestingOptionsSeparator = N || ",", this.maxReplaces = E || 1e3, this.alwaysFormat = b !== void 0 ? b : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : S3, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = l ? h1(l) : c || "{{", this.suffix = o ? h1(o) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = a ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : a || "", this.nestingPrefix = u ? h1(u) : p || h1("$t("), this.nestingSuffix = v ? h1(v) : R || h1(")"), this.nestingOptionsSeparator = L || ",", this.maxReplaces = E || 1e3, this.alwaysFormat = b !== void 0 ? b : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -8695,47 +8697,47 @@ class Y3 {
   }
   interpolate(e, t, s, n) {
     let l, c, o;
-    const d = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, g = (f) => {
-      if (f.indexOf(this.formatSeparator) < 0) {
-        const E = Q1(t, d, f, this.options.keySeparator, this.options.ignoreJSONStructure);
+    const d = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, g = (p) => {
+      if (p.indexOf(this.formatSeparator) < 0) {
+        const E = Q1(t, d, p, this.options.keySeparator, this.options.ignoreJSONStructure);
         return this.alwaysFormat ? this.format(E, void 0, s, {
           ...n,
           ...t,
-          interpolationkey: f
+          interpolationkey: p
         }) : E;
       }
-      const k = f.split(this.formatSeparator), x = k.shift().trim(), N = k.join(this.formatSeparator).trim();
-      return this.format(Q1(t, d, x, this.options.keySeparator, this.options.ignoreJSONStructure), N, s, {
+      const v = p.split(this.formatSeparator), R = v.shift().trim(), L = v.join(this.formatSeparator).trim();
+      return this.format(Q1(t, d, R, this.options.keySeparator, this.options.ignoreJSONStructure), L, s, {
         ...n,
         ...t,
-        interpolationkey: x
+        interpolationkey: R
       });
     };
     this.resetRegExp();
     const a = n && n.missingInterpolationHandler || this.options.missingInterpolationHandler, h = n && n.interpolation && n.interpolation.skipOnVariables !== void 0 ? n.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
     return [{
       regex: this.regexpUnescape,
-      safeValue: (f) => H1(f)
+      safeValue: (p) => H1(p)
     }, {
       regex: this.regexp,
-      safeValue: (f) => this.escapeValue ? H1(this.escape(f)) : H1(f)
-    }].forEach((f) => {
-      for (o = 0; l = f.regex.exec(e); ) {
-        const k = l[1].trim();
-        if (c = g(k), c === void 0)
+      safeValue: (p) => this.escapeValue ? H1(this.escape(p)) : H1(p)
+    }].forEach((p) => {
+      for (o = 0; l = p.regex.exec(e); ) {
+        const v = l[1].trim();
+        if (c = g(v), c === void 0)
           if (typeof a == "function") {
-            const N = a(e, l, n);
-            c = y(N) ? N : "";
-          } else if (n && Object.prototype.hasOwnProperty.call(n, k))
+            const L = a(e, l, n);
+            c = y(L) ? L : "";
+          } else if (n && Object.prototype.hasOwnProperty.call(n, v))
             c = "";
           else if (h) {
             c = l[0];
             continue;
           } else
-            this.logger.warn(`missed to pass in variable ${k} for interpolating ${e}`), c = "";
+            this.logger.warn(`missed to pass in variable ${v} for interpolating ${e}`), c = "";
         else !y(c) && !this.useRawValueToEscape && (c = P1(c));
-        const x = f.safeValue(c);
-        if (e = e.replace(l[0], x), h ? (f.regex.lastIndex += c.length, f.regex.lastIndex -= l[0].length) : f.regex.lastIndex = 0, o++, o >= this.maxReplaces)
+        const R = p.safeValue(c);
+        if (e = e.replace(l[0], R), h ? (p.regex.lastIndex += c.length, p.regex.lastIndex -= l[0].length) : p.regex.lastIndex = 0, o++, o >= this.maxReplaces)
           break;
       }
     }), e;
@@ -8748,15 +8750,15 @@ class Y3 {
       const h = d.split(new RegExp(`${a}[ ]*{`));
       let u = `{${h[1]}`;
       d = h[0], u = this.interpolate(u, c);
-      const f = u.match(/'/g), k = u.match(/"/g);
-      (f && f.length % 2 === 0 && !k || k.length % 2 !== 0) && (u = u.replace(/'/g, '"'));
+      const p = u.match(/'/g), v = u.match(/"/g);
+      (p && p.length % 2 === 0 && !v || v.length % 2 !== 0) && (u = u.replace(/'/g, '"'));
       try {
         c = JSON.parse(u), g && (c = {
           ...g,
           ...c
         });
-      } catch (x) {
-        return this.logger.warn(`failed parsing options string in nesting for key ${d}`, x), `${d}${a}${u}`;
+      } catch (R) {
+        return this.logger.warn(`failed parsing options string in nesting for key ${d}`, R), `${d}${a}${u}`;
       }
       return c.defaultValue && c.defaultValue.indexOf(this.prefix) > -1 && delete c.defaultValue, d;
     };
@@ -8813,7 +8815,7 @@ const F3 = (i) => {
 class U3 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = J.create("formatter"), this.options = e, this.formats = {
+    this.logger = z.create("formatter"), this.options = e, this.formats = {
       number: c1((t, s) => {
         const n = new Intl.NumberFormat(t, {
           ...s
@@ -8874,8 +8876,8 @@ class U3 {
       if (this.formats[g]) {
         let h = o;
         try {
-          const u = n && n.formatParams && n.formatParams[n.interpolationkey] || {}, f = u.locale || u.lng || n.locale || n.lng || s;
-          h = this.formats[g](o, f, {
+          const u = n && n.formatParams && n.formatParams[n.interpolationkey] || {}, p = u.locale || u.lng || n.locale || n.lng || s;
+          h = this.formats[g](o, p, {
             ...a,
             ...n,
             ...u
@@ -8896,7 +8898,7 @@ const z3 = (i, e) => {
 class J3 extends _1 {
   constructor(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
-    super(), this.backend = e, this.store = t, this.services = s, this.languageUtils = s.languageUtils, this.options = n, this.logger = J.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = n.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = n.maxRetries >= 0 ? n.maxRetries : 5, this.retryTimeout = n.retryTimeout >= 1 ? n.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, n.backend, n);
+    super(), this.backend = e, this.store = t, this.services = s, this.languageUtils = s.languageUtils, this.options = n, this.logger = z.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = n.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = n.maxRetries >= 0 ? n.maxRetries : 5, this.retryTimeout = n.retryTimeout >= 1 ? n.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, n.backend, n);
   }
   queueLoad(e, t, s, n) {
     const l = {}, c = {}, o = {}, d = {};
@@ -9093,7 +9095,7 @@ const X1 = () => ({
 class m1 extends _1 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    if (super(), this.options = ee(e), this.services = {}, this.logger = J, this.modules = {
+    if (super(), this.options = ee(e), this.services = {}, this.logger = z, this.modules = {
       external: []
     }, q3(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initImmediate)
@@ -9118,28 +9120,28 @@ class m1 extends _1 {
     }), t.keySeparator !== void 0 && (this.options.userDefinedKeySeparator = t.keySeparator), t.nsSeparator !== void 0 && (this.options.userDefinedNsSeparator = t.nsSeparator);
     const l = (a) => a ? typeof a == "function" ? new a() : a : null;
     if (!this.options.isClone) {
-      this.modules.logger ? J.init(l(this.modules.logger), this.options) : J.init(null, this.options);
+      this.modules.logger ? z.init(l(this.modules.logger), this.options) : z.init(null, this.options);
       let a;
       this.modules.formatter ? a = this.modules.formatter : typeof Intl < "u" && (a = U3);
       const h = new J1(this.options);
       this.store = new U1(this.options.resources, this.options);
       const u = this.services;
-      u.logger = J, u.resourceStore = this.store, u.languageUtils = h, u.pluralResolver = new $3(h, {
+      u.logger = z, u.resourceStore = this.store, u.languageUtils = h, u.pluralResolver = new $3(h, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
       }), a && (!this.options.interpolation.format || this.options.interpolation.format === n.interpolation.format) && (u.formatter = l(a), u.formatter.init(u, this.options), this.options.interpolation.format = u.formatter.format.bind(u.formatter)), u.interpolator = new Y3(this.options), u.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      }, u.backendConnector = new J3(l(this.modules.backend), u.resourceStore, u, this.options), u.backendConnector.on("*", function(f) {
-        for (var k = arguments.length, x = new Array(k > 1 ? k - 1 : 0), N = 1; N < k; N++)
-          x[N - 1] = arguments[N];
-        e.emit(f, ...x);
-      }), this.modules.languageDetector && (u.languageDetector = l(this.modules.languageDetector), u.languageDetector.init && u.languageDetector.init(u, this.options.detection, this.options)), this.modules.i18nFormat && (u.i18nFormat = l(this.modules.i18nFormat), u.i18nFormat.init && u.i18nFormat.init(this)), this.translator = new b1(this.services, this.options), this.translator.on("*", function(f) {
-        for (var k = arguments.length, x = new Array(k > 1 ? k - 1 : 0), N = 1; N < k; N++)
-          x[N - 1] = arguments[N];
-        e.emit(f, ...x);
-      }), this.modules.external.forEach((f) => {
-        f.init && f.init(this);
+      }, u.backendConnector = new J3(l(this.modules.backend), u.resourceStore, u, this.options), u.backendConnector.on("*", function(p) {
+        for (var v = arguments.length, R = new Array(v > 1 ? v - 1 : 0), L = 1; L < v; L++)
+          R[L - 1] = arguments[L];
+        e.emit(p, ...R);
+      }), this.modules.languageDetector && (u.languageDetector = l(this.modules.languageDetector), u.languageDetector.init && u.languageDetector.init(u, this.options.detection, this.options)), this.modules.i18nFormat && (u.i18nFormat = l(this.modules.i18nFormat), u.i18nFormat.init && u.i18nFormat.init(this)), this.translator = new b1(this.services, this.options), this.translator.on("*", function(p) {
+        for (var v = arguments.length, R = new Array(v > 1 ? v - 1 : 0), L = 1; L < v; L++)
+          R[L - 1] = arguments[L];
+        e.emit(p, ...R);
+      }), this.modules.external.forEach((p) => {
+        p.init && p.init(this);
       });
     }
     if (this.format = this.options.interpolation.format, s || (s = x1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
@@ -9238,8 +9240,8 @@ class m1 extends _1 {
         };
       d.lng = d.lng || l.lng, d.lngs = d.lngs || l.lngs, d.ns = d.ns || l.ns, d.keyPrefix !== "" && (d.keyPrefix = d.keyPrefix || s || l.keyPrefix);
       const u = n.options.keySeparator || ".";
-      let f;
-      return d.keyPrefix && Array.isArray(c) ? f = c.map((k) => `${d.keyPrefix}${u}${k}`) : f = d.keyPrefix ? `${d.keyPrefix}${u}${c}` : c, n.t(f, d);
+      let p;
+      return d.keyPrefix && Array.isArray(c) ? p = c.map((v) => `${d.keyPrefix}${u}${v}`) : p = d.keyPrefix ? `${d.keyPrefix}${u}${c}` : c, n.t(p, d);
     };
     return y(e) ? l.lng = e : l.lngs = e, l.ns = t, l.keyPrefix = s, l;
   }
@@ -9328,22 +9330,22 @@ class m1 extends _1 {
     };
   }
 }
-const D = m1.createInstance();
-D.createInstance = m1.createInstance;
-D.createInstance;
-D.dir;
-D.init;
-D.loadResources;
-D.reloadResources;
-D.use;
-D.changeLanguage;
-D.getFixedT;
-D.t;
-D.exists;
-D.setDefaultNamespace;
-D.hasLoadedNamespace;
-D.loadNamespaces;
-D.loadLanguages;
+const T = m1.createInstance();
+T.createInstance = m1.createInstance;
+T.createInstance;
+T.dir;
+T.init;
+T.loadResources;
+T.reloadResources;
+T.use;
+T.changeLanguage;
+T.getFixedT;
+T.t;
+T.exists;
+T.setDefaultNamespace;
+T.hasLoadedNamespace;
+T.loadNamespaces;
+T.loadLanguages;
 function Q3() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
@@ -9451,11 +9453,11 @@ class g0 {
   }
 }
 const C0 = (i, e) => {
-  const t = Y();
-  return Z(() => {
+  const t = F();
+  return W(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, pe = (i, e, t, s) => i.getFixedT(e, t, s), u0 = (i, e, t, s) => j(pe(i, e, t, s), [i, e, t, s]), p0 = function(i) {
+}, pe = (i, e, t, s) => i.getFixedT(e, t, s), u0 = (i, e, t, s) => D(pe(i, e, t, s), [i, e, t, s]), p0 = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
@@ -9465,8 +9467,8 @@ const C0 = (i, e) => {
   } = r1(d0) || {}, l = t || s || h0();
   if (l && !l.reportNamespaces && (l.reportNamespaces = new g0()), !l) {
     S1("You will need to pass in an i18next instance by using initReactI18next");
-    const p = (v, w) => n1(w) ? w : t0(w) && n1(w.defaultValue) ? w.defaultValue : Array.isArray(v) ? v[v.length - 1] : v, L = [p, {}, !1];
-    return L.t = p, L.i18n = {}, L.ready = !1, L;
+    const f = (N, m) => n1(m) ? m : t0(m) && n1(m.defaultValue) ? m.defaultValue : Array.isArray(N) ? N[N.length - 1] : N, w = [f, {}, !1];
+    return w.t = f, w.i18n = {}, w.ready = !1, w;
   }
   l.options.react && l.options.react.wait !== void 0 && S1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
@@ -9479,33 +9481,33 @@ const C0 = (i, e) => {
   } = c;
   let g = i;
   g = n1(g) ? [g] : g || ["translation"], l.reportNamespaces.addUsedNamespaces && l.reportNamespaces.addUsedNamespaces(g);
-  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((p) => e0(p, l, c)), h = u0(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, f = () => pe(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [k, x] = S(u);
-  let N = g.join();
-  e.lng && (N = `${e.lng}${N}`);
-  const E = C0(N), b = Y(!0);
-  Z(() => {
+  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((f) => e0(f, l, c)), h = u0(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => pe(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [v, R] = A(u);
+  let L = g.join();
+  e.lng && (L = `${e.lng}${L}`);
+  const E = C0(L), b = F(!0);
+  W(() => {
     const {
-      bindI18n: p,
-      bindI18nStore: L
+      bindI18n: f,
+      bindI18nStore: w
     } = c;
     b.current = !0, !a && !o && (e.lng ? se(l, e.lng, g, () => {
-      b.current && x(f);
+      b.current && R(p);
     }) : ie(l, g, () => {
-      b.current && x(f);
-    })), a && E && E !== N && b.current && x(f);
-    const v = () => {
-      b.current && x(f);
+      b.current && R(p);
+    })), a && E && E !== L && b.current && R(p);
+    const N = () => {
+      b.current && R(p);
     };
-    return p && l && l.on(p, v), L && l && l.store.on(L, v), () => {
-      b.current = !1, p && l && p.split(" ").forEach((w) => l.off(w, v)), L && l && L.split(" ").forEach((w) => l.store.off(w, v));
+    return f && l && l.on(f, N), w && l && l.store.on(w, N), () => {
+      b.current = !1, f && l && f.split(" ").forEach((m) => l.off(m, N)), w && l && w.split(" ").forEach((m) => l.store.off(m, N));
     };
-  }, [l, N]), Z(() => {
-    b.current && a && x(u);
+  }, [l, L]), W(() => {
+    b.current && a && R(u);
   }, [l, d, a]);
-  const V = [k, l, a];
-  if (V.t = k, V.i18n = l, V.ready = a, a || !a && !o) return V;
-  throw new Promise((p) => {
-    e.lng ? se(l, e.lng, g, () => p()) : ie(l, g, () => p());
+  const V = [v, l, a];
+  if (V.t = v, V.i18n = l, V.ready = a, a || !a && !o) return V;
+  throw new Promise((f) => {
+    e.lng ? se(l, e.lng, g, () => f()) : ie(l, g, () => f());
   });
 }, f0 = "City", w0 = {
   placeholder: f0
@@ -9513,12 +9515,12 @@ const C0 = (i, e) => {
   placeholder: m0
 };
 function L0(i) {
-  const e = Y(i);
-  return Z(() => {
+  const e = F(i);
+  return W(() => {
     e.current = i;
   }, [i]), e.current;
 }
-D.use(c0).init({
+T.use(c0).init({
   defaultNS: "common",
   lng: "en",
   resources: {
@@ -9531,100 +9533,101 @@ D.use(c0).init({
   }
 });
 const b0 = k1(
-  ({ width: i, selectedCountry: e, onChange: t, value: s, id: n, disabled: l }, c) => {
-    const [o, d] = S(
+  ({ width: i, selectedCountry: e, onChange: t, value: s, id: n, disabled: l, clearable: c }, o) => {
+    const [d, g] = A(
       []
-    ), [g, a] = S(!1), { locale: h, axiosPeople: u } = r1(ke), f = Y(!1), k = Y(null), x = Y(o), N = L0(e);
-    if (!u)
+    ), [a, h] = A(!1), { locale: u, axiosPeople: p } = r1(ke), v = F(!1), R = F(null), L = F(d), E = L0(e);
+    if (!p)
       throw new Error(
         `CitySelect requires "axiosPeople" to fetch cities.
                 Please provide it via SNMTUiContext.`
       );
-    const { t: E } = p0("common", { lng: h }), b = j(
-      async (p) => {
-        const L = x.current.find((v) => v.value === p);
-        if (L)
-          return [L];
+    const { t: b } = p0("common", { lng: u }), V = D(
+      async (w) => {
+        const N = L.current.find((m) => m.value === w);
+        if (N)
+          return [N];
         try {
-          const w = (await u.post("v1/cities/search", {
+          const H = (await p.post("v1/cities/search", {
             filters: {
-              geoNameId: [p],
+              geoNameId: [w],
               countryId: [e]
             }
           })).data.data;
-          if (!w.length)
+          if (!H.length)
             return t(null), [];
-          const H = {
-            value: w[0].geoNameId,
-            label: w[0].name
+          const B = {
+            value: H[0].geoNameId,
+            label: H[0].name
           };
-          return x.current = [...x.current, H], [H];
-        } catch (v) {
-          return console.error("CitySelect. fetchSelectedItems error", v), [];
+          return L.current = [...L.current, B], [B];
+        } catch (m) {
+          return console.error("CitySelect. fetchSelectedItems error", m), [];
         }
       },
-      [u, e, t]
+      [p, e, t]
     );
-    Z(() => {
+    W(() => {
       (async () => {
         if (!s) return;
-        const L = await b(s);
-        d(L);
+        const N = await V(s);
+        g(N);
       })();
-    }, []), Z(() => {
-      var p;
-      N !== e ? f.current && (t(null), d([]), x.current = [], (p = k.current) == null || p.refetchOptions()) : f.current = !0;
-    }, [e, t, N]);
-    const V = j(
+    }, []), W(() => {
+      var w;
+      E !== e ? v.current && (t(null), g([]), L.current = [], (w = R.current) == null || w.refetchOptions()) : v.current = !0;
+    }, [e, t, E]);
+    const f = D(
       async ({
-        limit: p,
-        offset: L,
-        search: v
+        limit: w,
+        offset: N,
+        search: m
       }) => {
         try {
-          a(!0);
-          const w = {
-            offset: L,
-            limit: p,
+          h(!0);
+          const H = {
+            offset: N,
+            limit: w,
             includeCount: !0
           };
-          w.filters = {}, e && e.length > 0 && (w.filters.countryId = [e]), v && (w.search = v);
-          const H = await u.post("v1/cities/search", w), F = (H == null ? void 0 : H.data.data) || [], W = H == null ? void 0 : H.data.metadata.count;
+          H.filters = {}, e && e.length > 0 && (H.filters.countryId = [e]), m && (H.search = m);
+          const B = await p.post("v1/cities/search", H), j = (B == null ? void 0 : B.data.data) || [], G = B == null ? void 0 : B.data.metadata.count;
           return {
-            options: F.map((z) => ({
-              value: z.geoNameId,
-              label: z.name
+            options: j.map((I) => ({
+              value: I.geoNameId,
+              label: I.name
             })),
-            count: W,
-            limit: p
+            count: G,
+            limit: w
           };
-        } catch (w) {
-          return console.error("CitySelect. loadOptions error", w), {
+        } catch (H) {
+          return console.error("CitySelect. loadOptions error", H), {
             options: [],
             count: 0,
-            limit: p
+            limit: w
           };
         } finally {
-          a(!1);
+          h(!1);
         }
       },
-      [u, e]
+      [p, e]
     );
-    return ne(c, () => k.current), /* @__PURE__ */ r("div", { className: "snmt-city-select", children: /* @__PURE__ */ r(
+    return ne(o, () => R.current), /* @__PURE__ */ r("div", { className: "snmt-city-select", children: /* @__PURE__ */ r(
       _3,
       {
         id: n,
         width: i,
-        value: g && s ? null : s,
+        value: a && s ? null : s,
         onChange: t,
-        ref: k,
+        ref: R,
         search: !0,
-        placeholder: E("placeholder"),
+        placeholder: b("placeholder"),
         disabled: l,
-        loadOptions: V,
+        clearable: c,
+        loadOptions: f,
         preloadOptions: !0,
-        extraOptions: o,
-        isLoading: g
+        extraOptions: d,
+        isLoading: a
       }
     ) });
   }