@snmt-react-ui/city-select 2.2.1 → 2.3.0

package/dist/CitySelect.d.ts

@@ -1,8 +1,8 @@
 export interface CitySelectProps {
     /**  Sets value for the city select  */
-    value?: string;
+    value?: string | null;
     /** Callback to handle change event  */
-    onChange: (value: string) => void;
+    onChange: (value: string | null) => void;
     /**  Sets country value if city select is used first  */
     selectedCountry?: string;
     /** Custom width of a date picker */

package/dist/city-select.js

@@ -2,10 +2,10 @@ var ae = Object.defineProperty;
 var he = (i, e, t) => e in i ? ae(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
 var y1 = (i, e, t) => he(i, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
-import { jsx as n, Fragment as X, jsxs as u } from "react/jsx-runtime";
+import { jsx as n, Fragment as e1, jsxs as u } from "react/jsx-runtime";
 import { SNMTUiContext as ce } from "@snmt-react-ui/core";
 import { Select as de, Flex as ge, Avatar as ue, Checkbox as Ce, Typography as F1, Tag as $1, Popover as pe } from "antd";
-import { createContext as s1, forwardRef as f1, useState as B, useRef as n1, useEffect as Z, useCallback as G, useContext as r1 } from "react";
+import { createContext as n1, forwardRef as f1, useState as O, useRef as r1, useEffect as W, useCallback as G, useContext as l1 } from "react";
 const d1 = ({
   children: i,
   direction: e = "row",
@@ -42,8 +42,8 @@ const d1 = ({
     }
   );
 };
-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 Y1 = s1({
+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 Y1 = n1({
   locale: "en",
   theme: "light"
 });
@@ -56,11 +56,11 @@ const we = ({
   disabled: s = !1,
   disableUncheck: l = !1
 }) => {
-  const [c, r] = B(i), [d, g] = B(e);
-  Z(() => {
+  const [c, r] = O(i), [d, g] = O(e);
+  W(() => {
     r(i), g(e);
   }, [i, e]);
-  const { theme: a } = r1(Y1);
+  const { theme: a } = l1(Y1);
   return /* @__PURE__ */ n(
     Ce,
     {
@@ -76,7 +76,7 @@ const we = ({
   );
 };
 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 U1 = s1({
+const U1 = n1({
   locale: "en",
   theme: "light"
 });
@@ -3077,14 +3077,14 @@ const me = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [r, d] = B(s), { theme: g } = r1(U1), a = l ? g && g === "dark" ? m.GREY_LIGHT_4 : m.GREY_DARK_1 : o, h = l ? void 0 : c;
-  return Z(() => {
+  const [r, d] = O(s), { theme: g } = l1(U1), a = l ? g && g === "dark" ? m.GREY_LIGHT_4 : m.GREY_DARK_1 : o, h = l ? void 0 : c;
+  return W(() => {
     if (s) {
       h && !l && d(`${s} clickable`);
       return;
     }
     h && !l && d("clickable");
-  }, [h, s, l]), /* @__PURE__ */ n(X, { children: (() => {
+  }, [h, s, l]), /* @__PURE__ */ n(e1, { children: (() => {
     switch (i) {
       case "nextIcon":
         return ct({ width: e, height: t, color: a, className: r, onClick: h });
@@ -3325,7 +3325,7 @@ const me = ({
       case "refresh":
         return $t({ width: e, height: t, color: a, className: r, onClick: h });
       default:
-        return /* @__PURE__ */ n(X, { children: "No Icon provided" });
+        return /* @__PURE__ */ n(e1, { children: "No Icon provided" });
     }
   })() });
 }, { Title: Yt, Text: Ut } = F1, zt = {
@@ -3368,7 +3368,7 @@ const me = ({
   }
 );
 var k = /* @__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))(k || {});
-const z1 = s1({
+const z1 = n1({
   locale: "en",
   theme: "light"
 });
@@ -6369,14 +6369,14 @@ const Qt = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [r, d] = B(s), { theme: g } = r1(z1), a = l ? g && g === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : o, h = l ? void 0 : c;
-  return Z(() => {
+  const [r, d] = O(s), { theme: g } = l1(z1), a = l ? g && g === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : o, h = l ? void 0 : c;
+  return W(() => {
     if (s) {
       h && !l && d(`${s} clickable`);
       return;
     }
     h && !l && d("clickable");
-  }, [h, s, l]), /* @__PURE__ */ n(X, { children: (() => {
+  }, [h, s, l]), /* @__PURE__ */ n(e1, { children: (() => {
     switch (i) {
       case "nextIcon":
         return K2({ width: e, height: t, color: a, className: r, onClick: h });
@@ -6617,12 +6617,12 @@ const Qt = ({
       case "refresh":
         return Mi({ width: e, height: t, color: a, className: r, onClick: h });
       default:
-        return /* @__PURE__ */ n(X, { children: "No Icon provided" });
+        return /* @__PURE__ */ n(e1, { children: "No Icon provided" });
     }
   })() });
 };
 var J1 = /* @__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))(J1 || {});
-const bi = s1({
+const bi = n1({
   locale: "en",
   theme: "light"
 });
@@ -6695,7 +6695,7 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: o, closable: s
   placement: s = "topRight",
   noPadding: l = !1
 }) => {
-  const [c, r] = B(!1);
+  const [c, r] = O(!1);
   return /* @__PURE__ */ n(
     pe,
     {
@@ -6719,8 +6719,8 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: o, closable: s
   options: s,
   extraOptions: l
 }) => {
-  const [c, r] = B(!1);
-  Z(() => {
+  const [c, r] = O(!1);
+  W(() => {
     i.length || r(!1);
   }, [i]);
   const d = (a) => {
@@ -6750,7 +6750,7 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: o, closable: s
       placement: "bottomRight",
       isOpen: c,
       setIsOpen: r,
-      children: /* @__PURE__ */ n($1, { className: `overflow-button ${c ? "open" : ""}`, bordered: !1, children: /* @__PURE__ */ u(q1, { variant: "body4", color: c ? q.BLUE_PRIMARY : void 0, children: [
+      children: /* @__PURE__ */ n($1, { className: `overflow-button ${c ? "open" : ""}`, bordered: !1, children: /* @__PURE__ */ u(q1, { variant: "body4", color: c ? X.BLUE_PRIMARY : void 0, children: [
         i.length,
         " more"
       ] }) })
@@ -6781,146 +6781,146 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: o, closable: s
     onScrollToEnd: C,
     onPopupScroll: p,
     id: w,
-    extraOptions: v,
-    dropdownRender: N,
-    optionRender: b,
-    isLoading: R,
-    readOnly: _
+    extraOptions: N,
+    dropdownRender: v,
+    optionRender: E,
+    isLoading: M,
+    readOnly: H
   }, L) => {
-    const [M, y] = B(!1), [x, S] = B(!1), [I, O] = B(!0), [H, U] = B(i), F = n1(null);
-    Z(() => {
-      U(i);
+    const [R, b] = O(!1), [x, Z] = O(!1), [J, U] = O(!0), [y, I] = O(i), B = r1(null);
+    W(() => {
+      I(i);
     }, [i]);
-    const j = (f) => {
-      y(f), h && h(f);
-    }, $ = (f, E) => {
-      var D;
-      return !!((D = E == null ? void 0 : E.label) != null && D.toString().toLowerCase().includes(f.toLowerCase()));
-    }, z = () => {
-      S(!0);
-    }, l1 = () => {
-      S(!1);
+    const D = (f) => {
+      b(f), h && h(f);
+    }, P = (f, _) => {
+      var j;
+      return !!((j = _ == null ? void 0 : _.label) != null && j.toString().toLowerCase().includes(f.toLowerCase()));
+    }, F = () => {
+      Z(!0);
+    }, $ = () => {
+      Z(!1);
     }, V = G(
       (f) => {
-        if (U(f), o) {
-          const D = f;
-          e == null || e(D);
+        if (I(f), o) {
+          const j = f;
+          e == null || e(j);
           return;
         }
-        const E = f;
-        e == null || e(E);
+        const _ = f;
+        e == null || e(_);
       },
       [o, e]
-    ), P = G(() => {
-      if (!_) {
+    ), Y = G(() => {
+      if (!H) {
         if (o) {
           V([]);
           return;
         }
         V("");
       }
-    }, [V, o, _]), T = G(
+    }, [V, o, H]), T = G(
       (f) => {
-        const E = H.filter((D) => D !== f);
-        V(E), U(E);
+        const _ = y.filter((j) => j !== f);
+        V(_), I(_);
       },
-      [V, H]
-    ), e1 = G(
-      (f) => (H == null ? void 0 : H.indexOf(f)) === 0 ? (
+      [V, y]
+    ), t1 = G(
+      (f) => (y == null ? void 0 : y.indexOf(f)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
-        /* @__PURE__ */ n("span", { className: "custom-placeholder", children: I ? t : "" })
-      ) : /* @__PURE__ */ n(X, {}),
-      [I, H, t]
+        /* @__PURE__ */ n("span", { className: "custom-placeholder", children: J ? t : "" })
+      ) : /* @__PURE__ */ n(e1, {}),
+      [J, y, t]
     ), se = (f) => {
       f.preventDefault(), f.stopPropagation();
     }, ne = async (f) => {
-      const { target: E } = f;
-      E.scrollTop + E.offsetHeight >= E.scrollHeight - g && (C == null || C(!0)), p && await p(f);
+      const { target: _ } = f;
+      _.scrollTop + _.offsetHeight >= _.scrollHeight - g && (C == null || C(!0)), p && await p(f);
     }, m1 = G(
       (f) => {
-        var E, D;
-        return ((E = l.find((k1) => k1.value === f)) == null ? void 0 : E.label) || ((D = v == null ? void 0 : v.find(
+        var _, j;
+        return ((_ = l.find((k1) => k1.value === f)) == null ? void 0 : _.label) || ((j = N == null ? void 0 : N.find(
           (k1) => k1.value === f
-        )) == null ? void 0 : D.label) || f;
+        )) == null ? void 0 : j.label) || f;
       },
-      [v, l]
+      [N, l]
     ), re = G(
       (f) => {
-        var E;
+        var _;
         return /* @__PURE__ */ n(
           Ii,
           {
             values: f,
             onTagClose: T,
-            maxWidth: ((E = F.current) == null ? void 0 : E.clientWidth) || 0,
-            disabled: r || _,
+            maxWidth: ((_ = B.current) == null ? void 0 : _.clientWidth) || 0,
+            disabled: r || H,
             options: l,
-            extraOptions: v
+            extraOptions: N
           }
         );
       },
-      [r, v, T, l, _]
+      [r, N, T, l, H]
     ), le = G(
-      ({ label: f, value: E, mode: D }) => D === "filter" ? e1(E) : /* @__PURE__ */ n("div", { onMouseDown: se, className: "tag-wrapper", children: /* @__PURE__ */ n(Q1, { onClose: () => T(E), closable: !r, children: /* @__PURE__ */ n(q1, { variant: "body4", children: typeof f == "object" ? f : m1(E) }) }) }),
-      [r, m1, T, e1]
+      ({ label: f, value: _, mode: j }) => j === "filter" ? t1(_) : /* @__PURE__ */ n("div", { onMouseDown: se, className: "tag-wrapper", children: /* @__PURE__ */ n(Q1, { onClose: () => T(_), closable: !r, children: /* @__PURE__ */ n(q1, { variant: "body4", children: typeof f == "object" ? f : m1(_) }) }) }),
+      [r, m1, T, t1]
     );
     return /* @__PURE__ */ u(
       "div",
       {
         className: `snmt-select ${x ? "snmt-select-focused" : ""} 
-                ${o ? "" : "snmt-select-single"} ${_ ? "snmt-select-read-only" : ""}`,
-        ref: F,
+                ${o ? "" : "snmt-select-single"} ${H ? "snmt-select-read-only" : ""}`,
+        ref: B,
         style: { width: c },
         children: [
           /* @__PURE__ */ n(
             de,
             {
               className: "snmt-select-blank",
-              popupClassName: _ ? "dropdown-read-only" : "",
+              popupClassName: H ? "dropdown-read-only" : "",
               id: w,
               ref: L,
               showSearch: !!s,
-              filterOption: s && $,
-              onDropdownVisibleChange: j,
+              filterOption: s && P,
+              onDropdownVisibleChange: D,
               placeholder: t ? d ? `${t}*` : t : void 0,
               disabled: r,
-              value: H || void 0,
+              value: y || void 0,
               labelRender: (f) => m1(f.value),
               mode: o === "filter" ? "multiple" : o,
               onChange: V,
-              onFocus: z,
-              onBlur: l1,
+              onFocus: F,
+              onBlur: $,
               onSearch: (f) => {
-                O(!f), a && a(f);
+                U(!f), a && a(f);
               },
-              onSelect: () => O(!0),
-              onDeselect: () => O(!0),
+              onSelect: () => U(!0),
+              onDeselect: () => U(!0),
               tagRender: (f) => le({ ...f, mode: o }),
               maxTagCount: "responsive",
               maxTagPlaceholder: re,
               onPopupScroll: ne,
-              prefix: _ && !i && /* @__PURE__ */ n(b1, { size: 15 }),
-              suffixIcon: /* @__PURE__ */ n("div", { className: "wrapper-suffix-icon", children: o !== "filter" && /* @__PURE__ */ u(X, { children: [
-                o && H && !!H.length && /* @__PURE__ */ n("div", { onClick: P, children: /* @__PURE__ */ n(a1, { name: "cancel" }) }),
+              prefix: H && !i && /* @__PURE__ */ n(b1, { size: 15 }),
+              suffixIcon: /* @__PURE__ */ n("div", { className: "wrapper-suffix-icon", children: o !== "filter" && /* @__PURE__ */ u(e1, { children: [
+                o && y && !!y.length && /* @__PURE__ */ n("div", { onClick: Y, children: /* @__PURE__ */ n(a1, { name: "cancel" }) }),
                 /* @__PURE__ */ n(
                   a1,
                   {
                     name: "selectArrowIcon",
-                    color: r ? q.GREY_DARK_1 : q.GREY_DARK_5,
-                    className: M ? "select-arrow-rotated" : "select-arrow",
-                    onClick: () => y(!M)
+                    color: r ? X.GREY_DARK_1 : X.GREY_DARK_5,
+                    className: R ? "select-arrow-rotated" : "select-arrow",
+                    onClick: () => b(!R)
                   }
                 )
               ] }) }),
-              removeIcon: /* @__PURE__ */ n(a1, { name: "errorSmall", color: q.GREY_DARK_2 }),
+              removeIcon: /* @__PURE__ */ n(a1, { name: "errorSmall", color: X.GREY_DARK_2 }),
               options: l,
-              optionRender: (f) => b ? b(f.data) : /* @__PURE__ */ u(d1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+              optionRender: (f) => E ? E(f.data) : /* @__PURE__ */ u(d1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                 /* @__PURE__ */ u(d1, { alignItems: "center", gap: 12, children: [
                   o && /* @__PURE__ */ n(
                     we,
                     {
-                      checked: !!(H != null && H.includes(f.value))
+                      checked: !!(y != null && y.includes(f.value))
                     }
                   ),
                   /* @__PURE__ */ u(d1, { alignItems: "center", gap: 8, children: [
@@ -6928,17 +6928,17 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: o, closable: s
                     /* @__PURE__ */ n("span", { children: f.label })
                   ] })
                 ] }),
-                !o && H === f.value && /* @__PURE__ */ n(
+                !o && y === f.value && /* @__PURE__ */ n(
                   a1,
                   {
                     name: "ok",
-                    color: q.BLUE_PRIMARY,
+                    color: X.BLUE_PRIMARY,
                     width: 16,
                     height: 16
                   }
                 )
               ] }),
-              dropdownRender: R ? () => /* @__PURE__ */ n(
+              dropdownRender: M ? () => /* @__PURE__ */ n(
                 "div",
                 {
                   style: {
@@ -6948,7 +6948,7 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: o, closable: s
                   },
                   children: /* @__PURE__ */ n(b1, { size: 28 })
                 }
-              ) : (f) => N ? N(f) : f
+              ) : (f) => v ? v(f) : f
             }
           ),
           /* @__PURE__ */ n(
@@ -7057,7 +7057,7 @@ class w1 {
     });
   }
 }
-const t1 = () => {
+const i1 = () => {
   let i, e;
   const t = new Promise((o, s) => {
     i = o, e = s;
@@ -7067,7 +7067,7 @@ const t1 = () => {
   i.forEach((o) => {
     e[o] && (t[o] = e[o]);
   });
-}, Bi = /###/g, _1 = (i) => i && i.indexOf("###") > -1 ? i.replace(Bi, ".") : i, H1 = (i) => !i || typeof i == "string", i1 = (i, e, t) => {
+}, Bi = /###/g, _1 = (i) => i && i.indexOf("###") > -1 ? i.replace(Bi, ".") : i, H1 = (i) => !i || typeof i == "string", o1 = (i, e, t) => {
   const o = typeof e != "string" ? e : e.split(".");
   let s = 0;
   for (; s < o.length - 1; ) {
@@ -7083,26 +7083,26 @@ const t1 = () => {
   const {
     obj: o,
     k: s
-  } = i1(i, e, Object);
+  } = o1(i, e, Object);
   if (o !== void 0 || e.length === 1) {
     o[s] = t;
     return;
   }
-  let l = e[e.length - 1], c = e.slice(0, e.length - 1), r = i1(i, c, Object);
+  let l = e[e.length - 1], c = e.slice(0, e.length - 1), r = o1(i, c, Object);
   for (; r.obj === void 0 && c.length; )
-    l = `${c[c.length - 1]}.${l}`, c = c.slice(0, c.length - 1), r = i1(i, c, Object), r && r.obj && typeof r.obj[`${r.k}.${l}`] < "u" && (r.obj = void 0);
+    l = `${c[c.length - 1]}.${l}`, c = c.slice(0, c.length - 1), r = o1(i, c, Object), r && r.obj && typeof r.obj[`${r.k}.${l}`] < "u" && (r.obj = void 0);
   r.obj[`${r.k}.${l}`] = t;
 }, Wi = (i, e, t, o) => {
   const {
     obj: s,
     k: l
-  } = i1(i, e, Object);
+  } = o1(i, e, Object);
   s[l] = s[l] || [], s[l].push(t);
 }, u1 = (i, e) => {
   const {
     obj: t,
     k: o
-  } = i1(i, e);
+  } = o1(i, e);
   if (t)
     return t[o];
 }, ji = (i, e, t) => {
@@ -7112,7 +7112,7 @@ const t1 = () => {
   for (const o in e)
     o !== "__proto__" && o !== "constructor" && (o in i ? typeof i[o] == "string" || i[o] instanceof String || typeof e[o] == "string" || e[o] instanceof String ? t && (i[o] = e[o]) : X1(i[o], e[o], t) : i[o] = e[o]);
   return i;
-}, J = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+}, Q = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
 var Zi = {
   "&": "&amp;",
   "<": "&lt;",
@@ -7323,8 +7323,8 @@ class p1 extends w1 {
     }
     const h = this.resolve(e, t);
     let C = h && h.res;
-    const p = h && h.usedKey || c, w = h && h.exactUsedKey || c, v = Object.prototype.toString.apply(C), N = ["[object Number]", "[object Function]", "[object RegExp]"], b = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, R = !this.i18nFormat || this.i18nFormat.handleAsObject;
-    if (R && C && (typeof C != "string" && typeof C != "boolean" && typeof C != "number") && N.indexOf(v) < 0 && !(typeof b == "string" && Array.isArray(C))) {
+    const p = h && h.usedKey || c, w = h && h.exactUsedKey || c, N = Object.prototype.toString.apply(C), v = ["[object Number]", "[object Function]", "[object RegExp]"], E = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, M = !this.i18nFormat || this.i18nFormat.handleAsObject;
+    if (M && C && (typeof C != "string" && typeof C != "boolean" && typeof C != "number") && v.indexOf(N) < 0 && !(typeof E == "string" && Array.isArray(C))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
         const L = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, C, {
@@ -7334,53 +7334,53 @@ class p1 extends w1 {
         return s ? (h.res = L, h.usedParams = this.getUsedParamsDetails(t), h) : L;
       }
       if (l) {
-        const L = Array.isArray(C), M = L ? [] : {}, y = L ? w : p;
+        const L = Array.isArray(C), R = L ? [] : {}, b = L ? w : p;
         for (const x in C)
           if (Object.prototype.hasOwnProperty.call(C, x)) {
-            const S = `${y}${l}${x}`;
-            M[x] = this.translate(S, {
+            const Z = `${b}${l}${x}`;
+            R[x] = this.translate(Z, {
               ...t,
               joinArrays: !1,
               ns: r
-            }), M[x] === S && (M[x] = C[x]);
+            }), R[x] === Z && (R[x] = C[x]);
           }
-        C = M;
+        C = R;
       }
-    } else if (R && typeof b == "string" && Array.isArray(C))
-      C = C.join(b), C && (C = this.extendTranslation(C, e, t, o));
+    } else if (M && typeof E == "string" && Array.isArray(C))
+      C = C.join(E), C && (C = this.extendTranslation(C, e, t, o));
     else {
-      let L = !1, M = !1;
-      const y = t.count !== void 0 && typeof t.count != "string", x = p1.hasDefaultValue(t), S = y ? this.pluralResolver.getSuffix(g, t.count, t) : "", I = t.ordinal && y ? this.pluralResolver.getSuffix(g, t.count, {
+      let L = !1, R = !1;
+      const b = t.count !== void 0 && typeof t.count != "string", x = p1.hasDefaultValue(t), Z = b ? this.pluralResolver.getSuffix(g, t.count, t) : "", J = t.ordinal && b ? this.pluralResolver.getSuffix(g, t.count, {
         ordinal: !1
-      }) : "", O = y && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), H = O && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${S}`] || t[`defaultValue${I}`] || t.defaultValue;
-      !this.isValidLookup(C) && x && (L = !0, C = H), this.isValidLookup(C) || (M = !0, C = c);
-      const F = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && M ? void 0 : C, j = x && H !== C && this.options.updateMissing;
-      if (M || L || j) {
-        if (this.logger.log(j ? "updateKey" : "missingKey", g, d, c, j ? H : C), l) {
+      }) : "", U = b && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), y = U && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${Z}`] || t[`defaultValue${J}`] || t.defaultValue;
+      !this.isValidLookup(C) && x && (L = !0, C = y), this.isValidLookup(C) || (R = !0, C = c);
+      const B = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && R ? void 0 : C, D = x && y !== C && this.options.updateMissing;
+      if (R || L || D) {
+        if (this.logger.log(D ? "updateKey" : "missingKey", g, d, c, D ? y : C), l) {
           const V = this.resolve(c, {
             ...t,
             keySeparator: !1
           });
           V && V.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 $ = [];
-        const z = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
-        if (this.options.saveMissingTo === "fallback" && z && z[0])
-          for (let V = 0; V < z.length; V++)
-            $.push(z[V]);
-        else this.options.saveMissingTo === "all" ? $ = this.languageUtils.toResolveHierarchy(t.lng || this.language) : $.push(t.lng || this.language);
-        const l1 = (V, P, T) => {
-          const e1 = x && T !== C ? T : F;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(V, d, P, e1, j, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(V, d, P, e1, j, t), this.emit("missingKey", V, d, P, C);
+        let P = [];
+        const F = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
+        if (this.options.saveMissingTo === "fallback" && F && F[0])
+          for (let V = 0; V < F.length; V++)
+            P.push(F[V]);
+        else this.options.saveMissingTo === "all" ? P = this.languageUtils.toResolveHierarchy(t.lng || this.language) : P.push(t.lng || this.language);
+        const $ = (V, Y, T) => {
+          const t1 = x && T !== C ? T : B;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(V, d, Y, t1, D, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(V, d, Y, t1, D, t), this.emit("missingKey", V, d, Y, C);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && y ? $.forEach((V) => {
-          const P = this.pluralResolver.getSuffixes(V, t);
-          O && t[`defaultValue${this.options.pluralSeparator}zero`] && P.indexOf(`${this.options.pluralSeparator}zero`) < 0 && P.push(`${this.options.pluralSeparator}zero`), P.forEach((T) => {
-            l1([V], c + T, t[`defaultValue${T}`] || H);
+        this.options.saveMissing && (this.options.saveMissingPlurals && b ? P.forEach((V) => {
+          const Y = this.pluralResolver.getSuffixes(V, t);
+          U && t[`defaultValue${this.options.pluralSeparator}zero`] && Y.indexOf(`${this.options.pluralSeparator}zero`) < 0 && Y.push(`${this.options.pluralSeparator}zero`), Y.forEach((T) => {
+            $([V], c + T, t[`defaultValue${T}`] || y);
           });
-        }) : l1($, c, H));
+        }) : $(P, c, y));
       }
-      C = this.extendTranslation(C, e, t, h, o), M && C === c && this.options.appendNamespaceToMissingKey && (C = `${d}:${c}`), (M || L) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? C = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, L ? C : void 0) : C = this.options.parseMissingKeyHandler(C));
+      C = this.extendTranslation(C, e, t, h, o), R && C === c && this.options.appendNamespaceToMissingKey && (C = `${d}:${c}`), (R || L) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? C = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, L ? C : void 0) : C = this.options.parseMissingKeyHandler(C));
     }
     return s ? (h.res = C, h.usedParams = this.getUsedParamsDetails(t), h) : C;
   }
@@ -7438,26 +7438,26 @@ class p1 extends w1 {
       s = a;
       let h = g.namespaces;
       this.options.fallbackNS && (h = h.concat(this.options.fallbackNS));
-      const C = t.count !== void 0 && typeof t.count != "string", p = C && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), w = t.context !== void 0 && (typeof t.context == "string" || typeof t.context == "number") && t.context !== "", v = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
-      h.forEach((N) => {
-        this.isValidLookup(o) || (r = N, !S1[`${v[0]}-${N}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(r) && (S1[`${v[0]}-${N}`] = !0, this.logger.warn(`key "${s}" for languages "${v.join(", ")}" won't get resolved as namespace "${r}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), v.forEach((b) => {
+      const C = t.count !== void 0 && typeof t.count != "string", p = C && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), w = t.context !== void 0 && (typeof t.context == "string" || typeof t.context == "number") && t.context !== "", N = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      h.forEach((v) => {
+        this.isValidLookup(o) || (r = v, !S1[`${N[0]}-${v}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(r) && (S1[`${N[0]}-${v}`] = !0, this.logger.warn(`key "${s}" for languages "${N.join(", ")}" won't get resolved as namespace "${r}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), N.forEach((E) => {
           if (this.isValidLookup(o)) return;
-          c = b;
-          const R = [a];
+          c = E;
+          const M = [a];
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
-            this.i18nFormat.addLookupKeys(R, a, b, N, t);
+            this.i18nFormat.addLookupKeys(M, a, E, v, t);
           else {
             let L;
-            C && (L = this.pluralResolver.getSuffix(b, t.count, t));
-            const M = `${this.options.pluralSeparator}zero`, y = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (C && (R.push(a + L), t.ordinal && L.indexOf(y) === 0 && R.push(a + L.replace(y, this.options.pluralSeparator)), p && R.push(a + M)), w) {
+            C && (L = this.pluralResolver.getSuffix(E, t.count, t));
+            const R = `${this.options.pluralSeparator}zero`, b = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
+            if (C && (M.push(a + L), t.ordinal && L.indexOf(b) === 0 && M.push(a + L.replace(b, this.options.pluralSeparator)), p && M.push(a + R)), w) {
               const x = `${a}${this.options.contextSeparator}${t.context}`;
-              R.push(x), C && (R.push(x + L), t.ordinal && L.indexOf(y) === 0 && R.push(x + L.replace(y, this.options.pluralSeparator)), p && R.push(x + M));
+              M.push(x), C && (M.push(x + L), t.ordinal && L.indexOf(b) === 0 && M.push(x + L.replace(b, this.options.pluralSeparator)), p && M.push(x + R));
             }
           }
-          let _;
-          for (; _ = R.pop(); )
-            this.isValidLookup(o) || (l = _, o = this.getResource(b, N, _, t));
+          let H;
+          for (; H = M.pop(); )
+            this.isValidLookup(o) || (l = H, o = this.getResource(E, v, H, t));
         }));
       });
     }), {
@@ -7781,12 +7781,12 @@ class Qi {
       nestingPrefix: C,
       nestingPrefixEscaped: p,
       nestingSuffix: w,
-      nestingSuffixEscaped: v,
-      nestingOptionsSeparator: N,
-      maxReplaces: b,
-      alwaysFormat: R
+      nestingSuffixEscaped: N,
+      nestingOptionsSeparator: v,
+      maxReplaces: E,
+      alwaysFormat: M
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : Di, this.escapeValue = o !== void 0 ? o : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = l ? J(l) : c || "{{", this.suffix = r ? J(r) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = a ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : a || "", this.nestingPrefix = C ? J(C) : p || J("$t("), this.nestingSuffix = w ? J(w) : v || J(")"), this.nestingOptionsSeparator = N || ",", this.maxReplaces = b || 1e3, this.alwaysFormat = R !== void 0 ? R : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : Di, this.escapeValue = o !== void 0 ? o : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = l ? Q(l) : c || "{{", this.suffix = r ? Q(r) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = a ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : a || "", this.nestingPrefix = C ? Q(C) : p || Q("$t("), this.nestingSuffix = w ? Q(w) : N || Q(")"), this.nestingOptionsSeparator = v || ",", this.maxReplaces = E || 1e3, this.alwaysFormat = M !== void 0 ? M : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -7799,18 +7799,18 @@ class Qi {
     let l, c, r;
     const d = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, g = (p) => {
       if (p.indexOf(this.formatSeparator) < 0) {
-        const b = B1(t, d, p, this.options.keySeparator, this.options.ignoreJSONStructure);
-        return this.alwaysFormat ? this.format(b, void 0, o, {
+        const E = B1(t, d, p, this.options.keySeparator, this.options.ignoreJSONStructure);
+        return this.alwaysFormat ? this.format(E, void 0, o, {
           ...s,
           ...t,
           interpolationkey: p
-        }) : b;
+        }) : E;
       }
-      const w = p.split(this.formatSeparator), v = w.shift().trim(), N = w.join(this.formatSeparator).trim();
-      return this.format(B1(t, d, v, this.options.keySeparator, this.options.ignoreJSONStructure), N, o, {
+      const w = p.split(this.formatSeparator), N = w.shift().trim(), v = w.join(this.formatSeparator).trim();
+      return this.format(B1(t, d, N, this.options.keySeparator, this.options.ignoreJSONStructure), v, o, {
         ...s,
         ...t,
-        interpolationkey: v
+        interpolationkey: N
       });
     };
     this.resetRegExp();
@@ -7826,8 +7826,8 @@ class Qi {
         const w = l[1].trim();
         if (c = g(w), c === void 0)
           if (typeof a == "function") {
-            const N = a(e, l, s);
-            c = typeof N == "string" ? N : "";
+            const v = a(e, l, s);
+            c = typeof v == "string" ? v : "";
           } else if (s && Object.prototype.hasOwnProperty.call(s, w))
             c = "";
           else if (h) {
@@ -7836,8 +7836,8 @@ class Qi {
           } else
             this.logger.warn(`missed to pass in variable ${w} for interpolating ${e}`), c = "";
         else typeof c != "string" && !this.useRawValueToEscape && (c = E1(c));
-        const v = p.safeValue(c);
-        if (e = e.replace(l[0], v), h ? (p.regex.lastIndex += c.length, p.regex.lastIndex -= l[0].length) : p.regex.lastIndex = 0, r++, r >= this.maxReplaces)
+        const N = p.safeValue(c);
+        if (e = e.replace(l[0], N), h ? (p.regex.lastIndex += c.length, p.regex.lastIndex -= l[0].length) : p.regex.lastIndex = 0, r++, r >= this.maxReplaces)
           break;
       }
     }), e;
@@ -7857,8 +7857,8 @@ class Qi {
           ...g,
           ...c
         });
-      } catch (v) {
-        return this.logger.warn(`failed parsing options string in nesting for key ${d}`, v), `${d}${a}${C}`;
+      } catch (N) {
+        return this.logger.warn(`failed parsing options string in nesting for key ${d}`, N), `${d}${a}${C}`;
       }
       return c.defaultValue && c.defaultValue.indexOf(this.prefix) > -1 && delete c.defaultValue, d;
     };
@@ -7899,7 +7899,7 @@ const qi = (i) => {
     formatName: e,
     formatOptions: t
   };
-}, Q = (i) => {
+}, q = (i) => {
   const e = {};
   return (t, o, s) => {
     let l = s;
@@ -7916,32 +7916,32 @@ class Xi {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     this.logger = K.create("formatter"), this.options = e, this.formats = {
-      number: Q((t, o) => {
+      number: q((t, o) => {
         const s = new Intl.NumberFormat(t, {
           ...o
         });
         return (l) => s.format(l);
       }),
-      currency: Q((t, o) => {
+      currency: q((t, o) => {
         const s = new Intl.NumberFormat(t, {
           ...o,
           style: "currency"
         });
         return (l) => s.format(l);
       }),
-      datetime: Q((t, o) => {
+      datetime: q((t, o) => {
         const s = new Intl.DateTimeFormat(t, {
           ...o
         });
         return (l) => s.format(l);
       }),
-      relativetime: Q((t, o) => {
+      relativetime: q((t, o) => {
         const s = new Intl.RelativeTimeFormat(t, {
           ...o
         });
         return (l) => s.format(l, o.range || "day");
       }),
-      list: Q((t, o) => {
+      list: q((t, o) => {
         const s = new Intl.ListFormat(t, {
           ...o
         });
@@ -7959,7 +7959,7 @@ class Xi {
     this.formats[e.toLowerCase().trim()] = t;
   }
   addCached(e, t) {
-    this.formats[e.toLowerCase().trim()] = Q(t);
+    this.formats[e.toLowerCase().trim()] = q(t);
   }
   format(e, t, o) {
     let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
@@ -8192,7 +8192,7 @@ const W1 = () => ({
     typeof i[t] == "function" && (i[t] = i[t].bind(i));
   });
 };
-class o1 extends w1 {
+class s1 extends w1 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
     if (super(), this.options = j1(e), this.services = {}, this.logger = K, this.modules = {
@@ -8233,13 +8233,13 @@ class o1 extends w1 {
       }), a && (!this.options.interpolation.format || this.options.interpolation.format === s.interpolation.format) && (C.formatter = l(a), C.formatter.init(C, this.options), this.options.interpolation.format = C.formatter.format.bind(C.formatter)), C.interpolator = new Qi(this.options), C.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
       }, C.backendConnector = new t5(l(this.modules.backend), C.resourceStore, C, this.options), C.backendConnector.on("*", function(p) {
-        for (var w = arguments.length, v = new Array(w > 1 ? w - 1 : 0), N = 1; N < w; N++)
-          v[N - 1] = arguments[N];
-        e.emit(p, ...v);
+        for (var w = arguments.length, N = new Array(w > 1 ? w - 1 : 0), v = 1; v < w; v++)
+          N[v - 1] = arguments[v];
+        e.emit(p, ...N);
       }), this.modules.languageDetector && (C.languageDetector = l(this.modules.languageDetector), C.languageDetector.init && C.languageDetector.init(C, this.options.detection, this.options)), this.modules.i18nFormat && (C.i18nFormat = l(this.modules.i18nFormat), C.i18nFormat.init && C.i18nFormat.init(this)), this.translator = new p1(this.services, this.options), this.translator.on("*", function(p) {
-        for (var w = arguments.length, v = new Array(w > 1 ? w - 1 : 0), N = 1; N < w; N++)
-          v[N - 1] = arguments[N];
-        e.emit(p, ...v);
+        for (var w = arguments.length, N = new Array(w > 1 ? w - 1 : 0), v = 1; v < w; v++)
+          N[v - 1] = arguments[v];
+        e.emit(p, ...N);
       }), this.modules.external.forEach((p) => {
         p.init && p.init(this);
       });
@@ -8257,7 +8257,7 @@ class o1 extends w1 {
         return e.store[a](...arguments), e;
       };
     });
-    const d = t1(), g = () => {
+    const d = i1(), g = () => {
       const a = (h, C) => {
         this.isInitializing = !1, this.isInitialized && !this.initializedStoreOnce && this.logger.warn("init: i18next is already initialized. You should call init just once!"), this.isInitialized = !0, this.options.isClone || this.logger.log("initialized", this.options), this.emit("initialized", this.options), d.resolve(C), o(h, C);
       };
@@ -8284,7 +8284,7 @@ class o1 extends w1 {
       o(null);
   }
   reloadResources(e, t, o) {
-    const s = t1();
+    const s = i1();
     return typeof e == "function" && (o = e, e = void 0), typeof t == "function" && (o = t, t = void 0), e || (e = this.languages), t || (t = this.options.ns), o || (o = h1), this.services.backendConnector.reload(e, t, (l) => {
       s.resolve(), o(l);
     }), s;
@@ -8307,7 +8307,7 @@ class o1 extends w1 {
   changeLanguage(e, t) {
     var o = this;
     this.isLanguageChangingTo = e;
-    const s = t1();
+    const s = i1();
     this.emit("languageChanging", e);
     const l = (d) => {
       this.language = d, this.languages = this.services.languageUtils.toResolveHierarchy(d), this.resolvedLanguage = void 0, this.setResolvedLanguage(d);
@@ -8373,7 +8373,7 @@ class o1 extends w1 {
     return !!(this.hasResourceBundle(o, e) || !this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages || c(o, e) && (!s || c(l, e)));
   }
   loadNamespaces(e, t) {
-    const o = t1();
+    const o = i1();
     return this.options.ns ? (typeof e == "string" && (e = [e]), e.forEach((s) => {
       this.options.ns.indexOf(s) < 0 && this.options.ns.push(s);
     }), this.loadResources((s) => {
@@ -8381,7 +8381,7 @@ class o1 extends w1 {
     }), o) : (t && t(), Promise.resolve());
   }
   loadLanguages(e, t) {
-    const o = t1();
+    const o = i1();
     typeof e == "string" && (e = [e]);
     const s = this.options.preload || [], l = e.filter((c) => s.indexOf(c) < 0 && this.services.languageUtils.isSupportedCode(c));
     return l.length ? (this.options.preload = s.concat(l), this.loadResources((c) => {
@@ -8395,7 +8395,7 @@ class o1 extends w1 {
   }
   static createInstance() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    return new o1(e, t);
+    return new s1(e, t);
   }
   cloneInstance() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : h1;
@@ -8405,7 +8405,7 @@ class o1 extends w1 {
       ...this.options,
       ...e,
       isClone: !0
-    }, l = new o1(s);
+    }, l = new s1(s);
     return (e.debug !== void 0 || e.prefix !== void 0) && (l.logger = l.logger.clone(e)), ["store", "services", "language"].forEach((r) => {
       l[r] = this[r];
     }), l.services = {
@@ -8430,34 +8430,34 @@ class o1 extends w1 {
     };
   }
 }
-const W = o1.createInstance();
-W.createInstance = o1.createInstance;
-W.createInstance;
-W.dir;
-W.init;
-W.loadResources;
-W.reloadResources;
-W.use;
-W.changeLanguage;
-W.getFixedT;
-W.t;
-W.exists;
-W.setDefaultNamespace;
-W.hasLoadedNamespace;
-W.loadNamespaces;
-W.loadLanguages;
+const A = s1.createInstance();
+A.createInstance = s1.createInstance;
+A.createInstance;
+A.dir;
+A.init;
+A.loadResources;
+A.reloadResources;
+A.use;
+A.changeLanguage;
+A.getFixedT;
+A.t;
+A.exists;
+A.setDefaultNamespace;
+A.hasLoadedNamespace;
+A.loadNamespaces;
+A.loadLanguages;
 function o5() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
       e[t] = arguments[t];
-    Y(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
+    z(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
   }
 }
 const Z1 = {};
 function R1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  Y(e[0]) && Z1[e[0]] || (Y(e[0]) && (Z1[e[0]] = /* @__PURE__ */ new Date()), o5(...e));
+  z(e[0]) && Z1[e[0]] || (z(e[0]) && (Z1[e[0]] = /* @__PURE__ */ new Date()), o5(...e));
 }
 const te = (i, e) => () => {
   if (i.isInitialized)
@@ -8473,7 +8473,7 @@ const te = (i, e) => () => {
 }, D1 = (i, e, t) => {
   i.loadNamespaces(e, te(i, t));
 }, T1 = (i, e, t, o) => {
-  Y(t) && (t = [t]), t.forEach((s) => {
+  z(t) && (t = [t]), t.forEach((s) => {
     i.options.ns.indexOf(s) < 0 && i.options.ns.push(s);
   }), i.loadLanguages(e, te(i, o));
 }, s5 = function(i, e) {
@@ -8493,7 +8493,7 @@ const te = (i, e) => () => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && s.services.backendConnector.backend && s.isLanguageChangingTo && !l(s.isLanguageChangingTo, i)) return !1;
     }
   }) : s5(i, e, t);
-}, Y = (i) => typeof i == "string", r5 = (i) => typeof i == "object" && i !== null, l5 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, a5 = {
+}, z = (i) => typeof i == "string", r5 = (i) => typeof i == "object" && i !== null, l5 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, a5 = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -8540,7 +8540,7 @@ const u5 = (i) => {
   init(i) {
     d5(i.options.react), u5(i);
   }
-}, f5 = s1();
+}, f5 = n1();
 class w5 {
   constructor() {
     y1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
@@ -8553,8 +8553,8 @@ class w5 {
   }
 }
 const m5 = (i, e) => {
-  const t = n1();
-  return Z(() => {
+  const t = r1();
+  return W(() => {
     t.current = i;
   }, [i, e]), t.current;
 }, oe = (i, e, t, o) => i.getFixedT(e, t, o), k5 = (i, e, t, o) => G(oe(i, e, t, o), [i, e, t, o]), L5 = function(i) {
@@ -8564,11 +8564,11 @@ const m5 = (i, e) => {
   } = e, {
     i18n: o,
     defaultNS: s
-  } = r1(f5) || {}, l = t || o || C5();
+  } = l1(f5) || {}, l = t || o || C5();
   if (l && !l.reportNamespaces && (l.reportNamespaces = new w5()), !l) {
     R1("You will need to pass in an i18next instance by using initReactI18next");
-    const L = (y, x) => Y(x) ? x : r5(x) && Y(x.defaultValue) ? x.defaultValue : Array.isArray(y) ? y[y.length - 1] : y, M = [L, {}, !1];
-    return M.t = L, M.i18n = {}, M.ready = !1, M;
+    const L = (b, x) => z(x) ? x : r5(x) && z(x.defaultValue) ? x.defaultValue : Array.isArray(b) ? b[b.length - 1] : b, R = [L, {}, !1];
+    return R.t = L, R.i18n = {}, R.ready = !1, R;
   }
   l.options.react && l.options.react.wait !== void 0 && R1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
@@ -8580,41 +8580,41 @@ const m5 = (i, e) => {
     keyPrefix: d
   } = c;
   let g = i;
-  g = Y(g) ? [g] : g || ["translation"], l.reportNamespaces.addUsedNamespaces && l.reportNamespaces.addUsedNamespaces(g);
-  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((L) => n5(L, l, c)), h = k5(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), C = () => h, p = () => oe(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [w, v] = B(C);
-  let N = g.join();
-  e.lng && (N = `${e.lng}${N}`);
-  const b = m5(N), R = n1(!0);
-  Z(() => {
+  g = z(g) ? [g] : g || ["translation"], l.reportNamespaces.addUsedNamespaces && l.reportNamespaces.addUsedNamespaces(g);
+  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((L) => n5(L, l, c)), h = k5(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), C = () => h, p = () => oe(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [w, N] = O(C);
+  let v = g.join();
+  e.lng && (v = `${e.lng}${v}`);
+  const E = m5(v), M = r1(!0);
+  W(() => {
     const {
       bindI18n: L,
-      bindI18nStore: M
+      bindI18nStore: R
     } = c;
-    R.current = !0, !a && !r && (e.lng ? T1(l, e.lng, g, () => {
-      R.current && v(p);
+    M.current = !0, !a && !r && (e.lng ? T1(l, e.lng, g, () => {
+      M.current && N(p);
     }) : D1(l, g, () => {
-      R.current && v(p);
-    })), a && b && b !== N && R.current && v(p);
-    const y = () => {
-      R.current && v(p);
+      M.current && N(p);
+    })), a && E && E !== v && M.current && N(p);
+    const b = () => {
+      M.current && N(p);
     };
-    return L && l && l.on(L, y), M && l && l.store.on(M, y), () => {
-      R.current = !1, L && l && L.split(" ").forEach((x) => l.off(x, y)), M && l && M.split(" ").forEach((x) => l.store.off(x, y));
+    return L && l && l.on(L, b), R && l && l.store.on(R, b), () => {
+      M.current = !1, L && l && L.split(" ").forEach((x) => l.off(x, b)), R && l && R.split(" ").forEach((x) => l.store.off(x, b));
     };
-  }, [l, N]), Z(() => {
-    R.current && a && v(C);
+  }, [l, v]), W(() => {
+    M.current && a && N(C);
   }, [l, d, a]);
-  const _ = [w, l, a];
-  if (_.t = w, _.i18n = l, _.ready = a, a || !a && !r) return _;
+  const H = [w, l, a];
+  if (H.t = w, H.i18n = l, H.ready = a, a || !a && !r) return H;
   throw new Promise((L) => {
     e.lng ? T1(l, e.lng, g, () => L()) : D1(l, g, () => L());
   });
 };
-var A = [];
+var S = [];
 for (var N1 = 0; N1 < 256; ++N1)
-  A.push((N1 + 256).toString(16).slice(1));
+  S.push((N1 + 256).toString(16).slice(1));
 function v5(i, e = 0) {
-  return (A[i[e + 0]] + A[i[e + 1]] + A[i[e + 2]] + A[i[e + 3]] + "-" + A[i[e + 4]] + A[i[e + 5]] + "-" + A[i[e + 6]] + A[i[e + 7]] + "-" + A[i[e + 8]] + A[i[e + 9]] + "-" + A[i[e + 10]] + A[i[e + 11]] + A[i[e + 12]] + A[i[e + 13]] + A[i[e + 14]] + A[i[e + 15]]).toLowerCase();
+  return (S[i[e + 0]] + S[i[e + 1]] + S[i[e + 2]] + S[i[e + 3]] + "-" + S[i[e + 4]] + S[i[e + 5]] + "-" + S[i[e + 6]] + S[i[e + 7]] + "-" + S[i[e + 8]] + S[i[e + 9]] + "-" + S[i[e + 10]] + S[i[e + 11]] + S[i[e + 12]] + S[i[e + 13]] + S[i[e + 14]] + S[i[e + 15]]).toLowerCase();
 }
 var c1, N5 = new Uint8Array(16);
 function x5() {
@@ -8639,8 +8639,8 @@ const M5 = "City", y5 = {
   placeholder: b5
 };
 function _5(i, e = 500) {
-  const t = n1();
-  return Z(() => () => {
+  const t = r1();
+  return W(() => () => {
     t.current && clearTimeout(t.current);
   }, []), (...s) => {
     const l = setTimeout(() => {
@@ -8649,7 +8649,7 @@ function _5(i, e = 500) {
     clearTimeout(t.current), t.current = l;
   };
 }
-W.use(p5).init({
+A.use(p5).init({
   defaultNS: "common",
   lng: "en",
   resources: {
@@ -8666,60 +8666,60 @@ const P1 = {
   offset: 0
 }, W5 = f1(
   ({ width: i, selectedCountry: e, onChange: t, value: o, id: s, disabled: l }, c) => {
-    const [r, d] = B([]), [g, a] = B(P1), [h, C] = B(null), [p, w] = B([]), [, v] = B(!1), N = n1(e), { locale: b, axiosPeople: R } = r1(ce);
+    const [r, d] = O([]), [g, a] = O(P1), [h, C] = O(null), [p, w] = O([]), [N, v] = O(!1), [E, M] = O(!1), H = r1(e), { locale: L, axiosPeople: R } = l1(ce);
     if (!R)
       throw new Error(
         `CitySelect requires "axiosPeople" to fetch cities. 
                 Please provide it via SNMTUiContext.`
       );
-    const { t: _ } = L5("common", { lng: b }), L = G(
-      async (S) => {
-        v(!0);
+    const { t: b } = L5("common", { lng: L }), x = G(
+      async (y) => {
+        y ? M(!0) : v(!0);
         try {
           const I = {
             offset: g.offset,
             limit: g.limit
           };
-          e && e.length > 0 && (I.countryId = e), S && (I.search = S);
-          const O = await R.post("v1/cities/search", I), H = (O == null ? void 0 : O.data.data) || [], U = O == null ? void 0 : O.data.metadata.count, F = H.map((j) => ({
+          e && e.length > 0 && (I.countryId = e), y && (I.search = y);
+          const B = await R.post("v1/cities/search", I), D = (B == null ? void 0 : B.data.data) || [], P = B == null ? void 0 : B.data.metadata.count, F = D.map(($) => ({
             key: K1(),
-            label: j.name,
-            value: j.geoNameId
+            label: $.name,
+            value: $.geoNameId
           }));
           d(
-            (j) => g.offset === 0 ? F : [...j, ...F]
-          ), w(H), C(U);
+            ($) => g.offset === 0 ? F : [...$, ...F]
+          ), w(D), C(P);
         } finally {
-          v(!1);
+          v(!1), M(!1);
         }
       },
       [R, g, e]
     );
-    Z(() => {
+    W(() => {
       a(P1);
-    }, [e]), Z(() => {
-      L();
-    }, [L, e]), Z(() => {
+    }, [e]), W(() => {
+      x();
+    }, [x, e]), W(() => {
       t("");
-      const S = p.map((I) => ({
+      const y = p.map((I) => ({
         key: K1(),
         label: I.name,
         value: I.geoNameId
       }));
       d(
-        (I) => g.offset === 0 ? S : [...I, ...S]
-      ), N.current = e, o && t(o);
+        (I) => g.offset === 0 ? y : [...I, ...y]
+      ), H.current = e, o && t(o);
     }, [e, t, o, p, g.offset]);
-    const M = _5(L), y = G(
-      (S) => {
-        a((I) => ({ ...I, offset: 0, search: S })), M(S);
+    const Z = _5(x), J = G(
+      (y) => {
+        a((I) => ({ ...I, offset: 0, search: y })), M(!0), Z(y);
       },
-      [M]
-    ), x = async (S) => {
-      const { target: I } = S;
-      I.scrollTop + I.offsetHeight >= I.scrollHeight - 50 && h !== null && h > 0 && a((O) => ({
-        ...O,
-        offset: O.offset + O.limit
+      [Z]
+    ), U = async (y) => {
+      const { target: I } = y;
+      I.scrollTop + I.offsetHeight >= I.scrollHeight - 50 && h !== null && h > 0 && a((B) => ({
+        ...B,
+        offset: B.offset + B.limit
       }));
     };
     return /* @__PURE__ */ n("div", { className: "snmt-city-select", children: /* @__PURE__ */ n(
@@ -8732,10 +8732,11 @@ const P1 = {
         ref: c,
         search: !0,
         value: o,
-        onSearchChange: y,
-        placeholder: _("placeholder"),
-        onPopupScroll: x,
-        disabled: l
+        onSearchChange: J,
+        placeholder: b("placeholder"),
+        onPopupScroll: U,
+        disabled: l,
+        isLoading: N || E
       }
     ) });
   }

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@snmt-react-ui/city-select",
     "private": false,
-    "version": "2.2.1",
+    "version": "2.3.0",
     "type": "module",
     "main": "dist/city-select.js",
     "types": "dist/index.d.ts",
@@ -19,7 +19,7 @@
     },
     "dependencies": {
         "@snmt-react-ui/core": "^2.1.0",
-        "@snmt-react-ui/select": "^1.12.0",
+        "@snmt-react-ui/select": "^1.13.0",
         "i18next": "^23.11.5",
         "react-i18next": "^14.1.1",
         "uuid": "^10.0.0"
@@ -27,5 +27,5 @@
     "peerDependencies": {
         "antd": "^5.22.0"
     },
-    "gitHead": "7be922c2cfdfbbba8daf541f78bb957ac462cdc5"
+    "gitHead": "1c62f906731e5202b370cd64a425b97b796e3f47"
 }