@snmt-react-ui/country-select 2.6.21 → 2.6.22

package/dist/country-select.js

@@ -46,7 +46,7 @@ const X1 = (i, e) => () => {
     return d === -1 || d === 2;
   };
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !c(e.isLanguageChangingTo, i) ? !1 : !!(e.hasResourceBundle(n, i) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || c(n, i) && (!s || c(a, i)));
-}, _e = function(i, e) {
+}, Ee = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   return !e.languages || !e.languages.length ? (R1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
     lng: t.lng,
@@ -54,7 +54,7 @@ const X1 = (i, e) => () => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && n.services.backendConnector.backend && n.isLanguageChangingTo && !s(n.isLanguageChangingTo, i)) return !1;
     }
   }) : ye(i, e, t);
-}, U = (i) => typeof i == "string", Ee = (i) => typeof i == "object" && i !== null, He = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Ie = {
+}, U = (i) => typeof i == "string", _e = (i) => typeof i == "object" && i !== null, He = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Ie = {
   "&": "&",
   "&": "&",
   "&lt;": "<",
@@ -114,8 +114,8 @@ const je = (i, e) => {
   } = Q(De) || {}, a = t || n || Ze();
   if (a && !a.reportNamespaces && (a.reportNamespaces = new Be()), !a) {
     R1("You will need to pass in an i18next instance by using initReactI18next");
-    const f = (v, N) => U(N) ? N : Ee(N) && U(N.defaultValue) ? N.defaultValue : Array.isArray(v) ? v[v.length - 1] : v, R = [f, {}, !1];
-    return R.t = f, R.i18n = {}, R.ready = !1, R;
+    const f = (N, x) => U(x) ? x : _e(x) && U(x.defaultValue) ? x.defaultValue : Array.isArray(N) ? N[N.length - 1] : N, M = [f, {}, !1];
+    return M.t = f, M.i18n = {}, M.ready = !1, M;
   }
   a.options.react && a.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 = {
@@ -128,28 +128,28 @@ const je = (i, e) => {
   } = c;
   let d = i;
   d = U(d) ? [d] : d || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(d);
-  const l = (a.isInitialized || a.initializedStoreOnce) && d.every((f) => _e(f, a, c)), h = Ge(a, e.lng || null, c.nsMode === "fallback" ? d : d[0], g), u = () => h, p = () => ee(a, e.lng || null, c.nsMode === "fallback" ? d : d[0], g), [w, L] = O(u);
+  const l = (a.isInitialized || a.initializedStoreOnce) && d.every((f) => Ee(f, a, c)), h = Ge(a, e.lng || null, c.nsMode === "fallback" ? d : d[0], g), u = () => h, p = () => ee(a, e.lng || null, c.nsMode === "fallback" ? d : d[0], g), [w, v] = O(u);
   let m = d.join();
   e.lng && (m = `${e.lng}${m}`);
-  const _ = je(m), M = J(!0);
+  const E = je(m), k = J(!0);
   S(() => {
     const {
       bindI18n: f,
-      bindI18nStore: R
+      bindI18nStore: M
     } = c;
-    M.current = !0, !l && !r && (e.lng ? V1(a, e.lng, d, () => {
-      M.current && L(p);
+    k.current = !0, !l && !r && (e.lng ? V1(a, e.lng, d, () => {
+      k.current && v(p);
     }) : S1(a, d, () => {
-      M.current && L(p);
-    })), l && _ && _ !== m && M.current && L(p);
-    const v = () => {
-      M.current && L(p);
+      k.current && v(p);
+    })), l && E && E !== m && k.current && v(p);
+    const N = () => {
+      k.current && v(p);
     };
-    return f && a && a.on(f, v), R && a && a.store.on(R, v), () => {
-      M.current = !1, f && a && f.split(" ").forEach((N) => a.off(N, v)), R && a && R.split(" ").forEach((N) => a.store.off(N, v));
+    return f && a && a.on(f, N), M && a && a.store.on(M, N), () => {
+      k.current = !1, f && a && f.split(" ").forEach((x) => a.off(x, N)), M && a && M.split(" ").forEach((x) => a.store.off(x, N));
     };
   }, [a, m]), S(() => {
-    M.current && l && L(u);
+    k.current && l && v(u);
   }, [a, g, l]);
   const H = [w, a, l];
   if (H.t = w, H.i18n = a, H.ready = l, l || !l && !r) return H;
@@ -193,11 +193,11 @@ const je = (i, e) => {
   );
 };
 var B = /* @__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.BLUE_DARK_3 = "var(--blue-dark-3)", 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))(B || {});
-const _1 = t1({
+const E1 = t1({
   locale: "en",
   theme: "light"
 });
-_1.Provider;
+E1.Provider;
 const Pe = ({
   checked: i = !0,
   indeterminate: e = !1,
@@ -210,7 +210,7 @@ const Pe = ({
   S(() => {
     r(i), d(e);
   }, [i, e]);
-  const { theme: l } = Q(_1);
+  const { theme: l } = Q(E1);
   return /* @__PURE__ */ o(
     ke,
     {
@@ -1538,7 +1538,7 @@ const $e = ({
       }
     )
   }
-), _2 = ({
+), E2 = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 5,
@@ -1563,7 +1563,7 @@ const $e = ({
       }
     )
   }
-), E2 = ({
+), _2 = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 24,
@@ -2836,11 +2836,11 @@ const $e = ({
       case "search":
         return R2({ width: e, height: t, color: l, className: r, onClick: h });
       case "arrowUpFilled":
-        return _2({ width: e, height: t, color: l, className: r, onClick: h });
+        return E2({ width: e, height: t, color: l, className: r, onClick: h });
       case "arrowDownFilled":
         return y2({ width: e, height: t, color: l, className: r, onClick: h });
       case "link":
-        return E2({ width: e, height: t, color: l, className: r, onClick: h });
+        return _2({ width: e, height: t, color: l, className: r, onClick: h });
       case "telegram":
         return I2({ width: e, height: t, color: l, className: r, onClick: h });
       case "mail":
@@ -2934,14 +2934,17 @@ const $e = ({
     q1(g, () => d.current);
     const [l, h] = O(!1);
     S(() => {
+      var m;
       if (!r) return;
-      const m = () => {
+      const E = () => {
         d.current && h(d.current.scrollWidth > d.current.clientWidth);
-      }, _ = new ResizeObserver(m);
-      return d.current && _.observe(d.current), () => {
-        _.disconnect();
       };
-    }, [r, l]);
+      E();
+      const k = new ResizeObserver(E);
+      return d.current && k.observe(d.current), (m = d.current) != null && m.parentElement && k.observe(d.current.parentElement), () => {
+        k.disconnect();
+      };
+    }, [r]);
     const u = e === "h1" || e === "h2" || e === "h3" || e === "h4";
     let p = `snmt-typography snmt-typography-${e}`;
     i && i !== "inherit" && (p += ` snmt-typography-align-${i}`), a && (p += " collapsed"), r && (p += " collapsed");
@@ -2950,8 +2953,8 @@ const $e = ({
       style: { color: t, whiteSpace: r ? "nowrap" : c, display: r ? "block" : "" },
       onClick: s,
       ref: d
-    }, L = u ? /* @__PURE__ */ o(rt, { level: lt[e], ...w, children: n }) : /* @__PURE__ */ o(at, { ...w, children: n });
-    return r && l ? /* @__PURE__ */ o(ot, { placement: "top", title: n, children: L }) : L;
+    }, v = u ? /* @__PURE__ */ o(rt, { level: lt[e], ...w, children: n }) : /* @__PURE__ */ o(at, { ...w, children: n });
+    return r && l ? /* @__PURE__ */ o(ot, { placement: "top", title: n, children: v }) : v;
   }
 );
 var y = /* @__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.BLUE_DARK_3 = "var(--blue-dark-3)", 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))(y || {});
@@ -3618,7 +3621,7 @@ const ct = ({
       }
     )
   }
-), _t = ({
+), Et = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3651,7 +3654,7 @@ const ct = ({
       )
     ]
   }
-), Et = ({
+), _t = ({
   width: i = 20,
   height: e = 23,
   color: t = "#001E52",
@@ -5497,9 +5500,9 @@ const ct = ({
       case "settings":
         return yt({ width: e, height: t, color: l, className: r, onClick: h });
       case "trash":
-        return _t({ width: e, height: t, color: l, className: r, onClick: h });
-      case "settings4":
         return Et({ width: e, height: t, color: l, className: r, onClick: h });
+      case "settings4":
+        return _t({ width: e, height: t, color: l, className: r, onClick: h });
       case "success":
         return Ht({ width: e, height: t, color: l, className: r, onClick: h });
       case "checkCircle":
@@ -5687,7 +5690,7 @@ const ne = ({
     placement: s,
     children: i
   }
-), { Title: y5, Text: _5 } = Q1, E5 = {
+), { Title: y5, Text: E5 } = Q1, _5 = {
   h1: 1,
   h2: 2,
   h3: 3,
@@ -5708,14 +5711,17 @@ const ne = ({
     q1(g, () => d.current);
     const [l, h] = O(!1);
     S(() => {
+      var m;
       if (!r) return;
-      const m = () => {
+      const E = () => {
         d.current && h(d.current.scrollWidth > d.current.clientWidth);
-      }, _ = new ResizeObserver(m);
-      return d.current && _.observe(d.current), () => {
-        _.disconnect();
       };
-    }, [r, l]);
+      E();
+      const k = new ResizeObserver(E);
+      return d.current && k.observe(d.current), (m = d.current) != null && m.parentElement && k.observe(d.current.parentElement), () => {
+        k.disconnect();
+      };
+    }, [r]);
     const u = e === "h1" || e === "h2" || e === "h3" || e === "h4";
     let p = `snmt-typography snmt-typography-${e}`;
     i && i !== "inherit" && (p += ` snmt-typography-align-${i}`), a && (p += " collapsed"), r && (p += " collapsed");
@@ -5724,8 +5730,8 @@ const ne = ({
       style: { color: t, whiteSpace: r ? "nowrap" : c, display: r ? "block" : "" },
       onClick: s,
       ref: d
-    }, L = u ? /* @__PURE__ */ o(y5, { level: E5[e], ...w, children: n }) : /* @__PURE__ */ o(_5, { ...w, children: n });
-    return r && l ? /* @__PURE__ */ o(b5, { placement: "top", title: n, children: L }) : L;
+    }, v = u ? /* @__PURE__ */ o(y5, { level: _5[e], ...w, children: n }) : /* @__PURE__ */ o(E5, { ...w, children: n });
+    return r && l ? /* @__PURE__ */ o(b5, { placement: "top", title: n, children: v }) : v;
   }
 ), I5 = ({
   children: i,
@@ -5772,7 +5778,7 @@ const S5 = ({
   options: a,
   extraOptions: c
 }) => {
-  const { locale: r } = Q(_1), { t: g } = We("common", { lng: r }), [d, l] = O(!1);
+  const { locale: r } = Q(E1), { t: g } = We("common", { lng: r }), [d, l] = O(!1);
   if (S(() => {
     i.length || l(!1);
   }, [i]), !i.length)
@@ -5832,36 +5838,36 @@ const S5 = ({
     onDropdownVisibleChange: u,
     onScrollToEnd: p,
     onPopupScroll: w,
-    id: L,
+    id: v,
     extraOptions: m,
-    dropdownRender: _,
-    optionRender: M,
+    dropdownRender: E,
+    optionRender: k,
     isLoading: H,
     readOnly: f,
-    error: R
-  }, v) => {
-    const [N, Z] = O(!1), [W, i1] = O(!1), [$, h1] = O(!0), [I, K] = O(i), F = J(null);
+    error: M
+  }, N) => {
+    const [x, Z] = O(!1), [W, i1] = O(!1), [$, h1] = O(!0), [I, K] = O(i), F = J(null);
     S(() => {
       K(i);
     }, [i]);
-    const q = (x) => {
-      Z(x), u && u(x);
-    }, c1 = (x, E) => {
+    const q = (R) => {
+      Z(R), u && u(R);
+    }, c1 = (R, _) => {
       var D;
-      return !!((D = E == null ? void 0 : E.label) != null && D.toString().toLowerCase().includes(x.toLowerCase()));
+      return !!((D = _ == null ? void 0 : _.label) != null && D.toString().toLowerCase().includes(R.toLowerCase()));
     }, A = () => {
       i1(!0);
     }, P = () => {
       i1(!1);
     }, T = j(
-      (x) => {
-        if (K(x), n) {
-          const D = x;
+      (R) => {
+        if (K(R), n) {
+          const D = R;
           e == null || e(D);
           return;
         }
-        const E = x;
-        e == null || e(E);
+        const _ = R;
+        e == null || e(_);
       },
       [n, e]
     ), d1 = j(() => {
@@ -5873,40 +5879,40 @@ const S5 = ({
         T("");
       }
     }, [r, T, n, f]), g1 = j(
-      (x) => {
-        const E = I.filter((D) => D !== x);
-        T(E), K(E);
+      (R) => {
+        const _ = I.filter((D) => D !== R);
+        T(_), K(_);
       },
       [T, I]
-    ), E1 = j(
-      (x) => (I == null ? void 0 : I.indexOf(x)) === 0 ? (
+    ), _1 = j(
+      (R) => (I == null ? void 0 : I.indexOf(R)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
         /* @__PURE__ */ o("span", { className: "custom-placeholder", children: $ ? t : "" })
       ) : /* @__PURE__ */ o(Y, {}),
       [$, I, t]
-    ), he = (x) => {
-      x.preventDefault(), x.stopPropagation();
-    }, ce = async (x) => {
-      const { target: E } = x;
-      E.scrollTop + E.offsetHeight >= E.scrollHeight - l && (p == null || p(!0)), w && await w(x);
+    ), he = (R) => {
+      R.preventDefault(), R.stopPropagation();
+    }, ce = async (R) => {
+      const { target: _ } = R;
+      _.scrollTop + _.offsetHeight >= _.scrollHeight - l && (p == null || p(!0)), w && await w(R);
     }, L1 = j(
-      (x) => {
-        var E, D;
-        return ((E = a.find((v1) => v1.value === x)) == null ? void 0 : E.label) || ((D = m == null ? void 0 : m.find(
-          (v1) => v1.value === x
-        )) == null ? void 0 : D.label) || x;
+      (R) => {
+        var _, D;
+        return ((_ = a.find((v1) => v1.value === R)) == null ? void 0 : _.label) || ((D = m == null ? void 0 : m.find(
+          (v1) => v1.value === R
+        )) == null ? void 0 : D.label) || R;
       },
       [m, a]
     ), de = j(
-      (x) => {
-        var E;
+      (R) => {
+        var _;
         return /* @__PURE__ */ o(
           S5,
           {
-            values: x,
+            values: R,
             onTagClose: g1,
-            maxWidth: ((E = F.current) == null ? void 0 : E.clientWidth) || 0,
+            maxWidth: ((_ = F.current) == null ? void 0 : _.clientWidth) || 0,
             disabled: r,
             closable: !f,
             options: a,
@@ -5916,8 +5922,8 @@ const S5 = ({
       },
       [r, m, g1, a, f]
     ), ge = j(
-      ({ label: x, value: E, mode: D }) => D === "filter" ? E1(E) : /* @__PURE__ */ o("div", { onMouseDown: he, className: "tag-wrapper", children: /* @__PURE__ */ o(ne, { onClose: () => g1(E), disabled: r, children: typeof x == "object" ? x : L1(E) }) }),
-      [r, L1, g1, E1]
+      ({ label: R, value: _, mode: D }) => D === "filter" ? _1(_) : /* @__PURE__ */ o("div", { onMouseDown: he, className: "tag-wrapper", children: /* @__PURE__ */ o(ne, { onClose: () => g1(_), disabled: r, children: typeof R == "object" ? R : L1(_) }) }),
+      [r, L1, g1, _1]
     ), H1 = Array.isArray(I) && I.length > 0 || !!I && typeof I == "string" && I.trim() !== "";
     return /* @__PURE__ */ C("div", { className: "snmt-select-container", children: [
       /* @__PURE__ */ C(
@@ -5933,27 +5939,27 @@ const S5 = ({
               {
                 className: "snmt-select-blank",
                 popupClassName: f ? "dropdown-read-only" : "",
-                id: L,
-                ref: v,
+                id: v,
+                ref: N,
                 showSearch: !!s,
                 filterOption: s && c1,
                 onDropdownVisibleChange: q,
                 disabled: r,
                 value: I || void 0,
-                labelRender: (x) => {
-                  const E = L1(x.value);
-                  return r ? /* @__PURE__ */ o("span", { style: { color: B.GREY_DARK_1 }, children: E }) : E;
+                labelRender: (R) => {
+                  const _ = L1(R.value);
+                  return r ? /* @__PURE__ */ o("span", { style: { color: B.GREY_DARK_1 }, children: _ }) : _;
                 },
                 mode: n === "filter" ? "multiple" : n,
                 onChange: T,
                 onFocus: A,
                 onBlur: P,
-                onSearch: (x) => {
-                  h1(!x), h && h(x);
+                onSearch: (R) => {
+                  h1(!R), h && h(R);
                 },
                 onSelect: () => h1(!0),
                 onDeselect: () => h1(!0),
-                tagRender: (x) => ge({ ...x, mode: n }),
+                tagRender: (R) => ge({ ...R, mode: n }),
                 maxTagCount: "responsive",
                 maxTagPlaceholder: de,
                 onPopupScroll: ce,
@@ -5980,27 +5986,27 @@ const S5 = ({
                     {
                       name: "selectArrowIcon",
                       color: r ? B.GREY_DARK_1 : B.GREY_DARK_5,
-                      className: N ? "select-arrow-rotated" : "select-arrow",
-                      onClick: () => Z(!N)
+                      className: x ? "select-arrow-rotated" : "select-arrow",
+                      onClick: () => Z(!x)
                     }
                   )
                 ] }) }),
                 removeIcon: /* @__PURE__ */ o(n1, { name: "errorSmall", color: B.GREY_DARK_1 }),
                 options: a,
-                optionRender: (x) => M ? M(x.data) : /* @__PURE__ */ C(o1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                optionRender: (R) => k ? k(R.data) : /* @__PURE__ */ C(o1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                   /* @__PURE__ */ C(o1, { alignItems: "center", gap: 12, children: [
                     n && /* @__PURE__ */ o(
                       Pe,
                       {
-                        checked: !!(I != null && I.includes(x.value))
+                        checked: !!(I != null && I.includes(R.value))
                       }
                     ),
                     /* @__PURE__ */ C(o1, { alignItems: "center", gap: 8, children: [
-                      x.data.image && /* @__PURE__ */ o(Ke, { src: x.data.image, size: 20 }),
-                      /* @__PURE__ */ o("span", { children: x.label })
+                      R.data.image && /* @__PURE__ */ o(Ke, { src: R.data.image, size: 20 }),
+                      /* @__PURE__ */ o("span", { children: R.label })
                     ] })
                   ] }),
-                  !n && I === x.value && /* @__PURE__ */ o(
+                  !n && I === R.value && /* @__PURE__ */ o(
                     n1,
                     {
                       name: "ok",
@@ -6010,8 +6016,8 @@ const S5 = ({
                     }
                   )
                 ] }),
-                dropdownRender: (x) => /* @__PURE__ */ C("div", { className: "dropdown-container", children: [
-                  /* @__PURE__ */ o("div", { className: "dropdown-menu", children: _ ? _(x) : x }),
+                dropdownRender: (R) => /* @__PURE__ */ C("div", { className: "dropdown-container", children: [
+                  /* @__PURE__ */ o("div", { className: "dropdown-menu", children: E ? E(R) : R }),
                   H && /* @__PURE__ */ o("div", { className: "loading-overlay", children: /* @__PURE__ */ o(A1, { size: 28 }) })
                 ] })
               }
@@ -6020,14 +6026,14 @@ const S5 = ({
               /* @__PURE__ */ o(
                 "label",
                 {
-                  className: `${W || H1 ? "label-floating" : ""} ${r ? "label-disabled" : ""} ${W ? "label-focused" : ""} ${H ? "label-loading" : ""} ${R ? "label-error" : ""}`,
+                  className: `${W || H1 ? "label-floating" : ""} ${r ? "label-disabled" : ""} ${W ? "label-focused" : ""} ${H ? "label-loading" : ""} ${M ? "label-error" : ""}`,
                   children: g ? `${t}*` : t
                 }
               ),
               /* @__PURE__ */ o(
                 "fieldset",
                 {
-                  className: `${W ? "fieldset-focused" : ""} ${r ? "fieldset-disabled" : ""} ${H1 ? "fieldset-filled" : ""} ${R ? "fieldset-error" : ""}`,
+                  className: `${W ? "fieldset-focused" : ""} ${r ? "fieldset-disabled" : ""} ${H1 ? "fieldset-filled" : ""} ${M ? "fieldset-error" : ""}`,
                   children: /* @__PURE__ */ o("legend", { children: /* @__PURE__ */ o("span", { children: g ? `${t}*` : t }) })
                 }
               )
@@ -6035,7 +6041,7 @@ const S5 = ({
           ]
         }
       ),
-      R && /* @__PURE__ */ C(o1, { justifyContent: "flex-start", gap: 6, children: [
+      M && /* @__PURE__ */ C(o1, { justifyContent: "flex-start", gap: 6, children: [
         /* @__PURE__ */ o(
           n1,
           {
@@ -6045,11 +6051,11 @@ const S5 = ({
             width: 16
           }
         ),
-        typeof R == "string" ? /* @__PURE__ */ o(H5, { color: B.NOTIFICATION_ERROR_DARK, variant: "body4", children: R }) : R
+        typeof M == "string" ? /* @__PURE__ */ o(H5, { color: B.NOTIFICATION_ERROR_DARK, variant: "body4", children: M }) : M
       ] })
     ] });
   }
-), k = (i) => typeof i == "string", s1 = () => {
+), L = (i) => typeof i == "string", s1 = () => {
   let i, e;
   const t = new Promise((n, s) => {
     i = n, e = s;
@@ -6059,8 +6065,8 @@ const S5 = ({
   i.forEach((n) => {
     e[n] && (t[n] = e[n]);
   });
-}, T5 = /###/g, Z1 = (i) => i && i.indexOf("###") > -1 ? i.replace(T5, ".") : i, D1 = (i) => !i || k(i), a1 = (i, e, t) => {
-  const n = k(e) ? e.split(".") : e;
+}, T5 = /###/g, Z1 = (i) => i && i.indexOf("###") > -1 ? i.replace(T5, ".") : i, D1 = (i) => !i || L(i), a1 = (i, e, t) => {
+  const n = L(e) ? e.split(".") : e;
   let s = 0;
   for (; s < n.length - 1; ) {
     if (D1(i)) return {};
@@ -6102,7 +6108,7 @@ const S5 = ({
   return n !== void 0 ? n : C1(e, t);
 }, se = (i, e, t) => {
   for (const n in e)
-    n !== "__proto__" && n !== "constructor" && (n in i ? k(i[n]) || i[n] instanceof String || k(e[n]) || e[n] instanceof String ? t && (i[n] = e[n]) : se(i[n], e[n], t) : i[n] = e[n]);
+    n !== "__proto__" && n !== "constructor" && (n in i ? L(i[n]) || i[n] instanceof String || L(e[n]) || e[n] instanceof String ? t && (i[n] = e[n]) : se(i[n], e[n], t) : i[n] = e[n]);
   return i;
 }, X = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
 var B5 = {
@@ -6113,7 +6119,7 @@ var B5 = {
   "'": "&#39;",
   "/": "&#x2F;"
 };
-const j5 = (i) => k(i) ? i.replace(/[&<>"'\/]/g, (e) => B5[e]) : i;
+const j5 = (i) => L(i) ? i.replace(/[&<>"'\/]/g, (e) => B5[e]) : i;
 class G5 {
   constructor(e) {
     this.capacity = e, this.regExpMap = /* @__PURE__ */ new Map(), this.regExpQueue = [];
@@ -6202,7 +6208,7 @@ class f1 {
     return this.forward(t, "warn", "WARNING DEPRECATED: ", !0);
   }
   forward(e, t, n, s) {
-    return s && !this.debug ? null : (k(e[0]) && (e[0] = `${n}${this.prefix} ${e[0]}`), this.logger[t](e));
+    return s && !this.debug ? null : (L(e[0]) && (e[0] = `${n}${this.prefix} ${e[0]}`), this.logger[t](e));
   }
   create(e) {
     return new f1(this.logger, {
@@ -6268,9 +6274,9 @@ class j1 extends k1 {
     let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
     const a = s.keySeparator !== void 0 ? s.keySeparator : this.options.keySeparator, c = s.ignoreJSONStructure !== void 0 ? s.ignoreJSONStructure : this.options.ignoreJSONStructure;
     let r;
-    e.indexOf(".") > -1 ? r = e.split(".") : (r = [e, t], n && (Array.isArray(n) ? r.push(...n) : k(n) && a ? r.push(...n.split(a)) : r.push(n)));
+    e.indexOf(".") > -1 ? r = e.split(".") : (r = [e, t], n && (Array.isArray(n) ? r.push(...n) : L(n) && a ? r.push(...n.split(a)) : r.push(n)));
     const g = C1(this.data, r);
-    return !g && !t && !n && e.indexOf(".") > -1 && (e = r[0], t = r[1], n = r.slice(2).join(".")), g || !c || !k(n) ? g : M1(this.data && this.data[e] && this.data[e][t], n, a);
+    return !g && !t && !n && e.indexOf(".") > -1 && (e = r[0], t = r[1], n = r.slice(2).join(".")), g || !c || !L(n) ? g : M1(this.data && this.data[e] && this.data[e][t], n, a);
   }
   addResource(e, t, n, s) {
     let a = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {
@@ -6285,7 +6291,7 @@ class j1 extends k1 {
       silent: !1
     };
     for (const a in n)
-      (k(n[a]) || Array.isArray(n[a])) && this.addResource(e, t, a, n[a], {
+      (L(n[a]) || Array.isArray(n[a])) && this.addResource(e, t, a, n[a], {
         silent: !0
       });
     s.silent || this.emit("added", e, t, n);
@@ -6364,14 +6370,14 @@ class m1 extends k1 {
       if (g && g.length > 0)
         return {
           key: e,
-          namespaces: k(a) ? [a] : a
+          namespaces: L(a) ? [a] : a
         };
       const d = e.split(n);
       (n !== s || n === s && this.options.ns.indexOf(d[0]) > -1) && (a = d.shift()), e = d.join(s);
     }
     return {
       key: e,
-      namespaces: k(a) ? [a] : a
+      namespaces: L(a) ? [a] : a
     };
   }
   translate(e, t, n) {
@@ -6406,8 +6412,8 @@ class m1 extends k1 {
     }
     const h = this.resolve(e, t);
     let u = h && h.res;
-    const p = h && h.usedKey || c, w = h && h.exactUsedKey || c, L = Object.prototype.toString.apply(u), m = ["[object Number]", "[object Function]", "[object RegExp]"], _ = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, M = !this.i18nFormat || this.i18nFormat.handleAsObject, H = !k(u) && typeof u != "boolean" && typeof u != "number";
-    if (M && u && H && m.indexOf(L) < 0 && !(k(_) && Array.isArray(u))) {
+    const p = h && h.usedKey || c, w = h && h.exactUsedKey || c, v = Object.prototype.toString.apply(u), m = ["[object Number]", "[object Function]", "[object RegExp]"], E = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, k = !this.i18nFormat || this.i18nFormat.handleAsObject, H = !L(u) && typeof u != "boolean" && typeof u != "number";
+    if (k && u && H && m.indexOf(v) < 0 && !(L(E) && Array.isArray(u))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
         const f = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, u, {
@@ -6417,28 +6423,28 @@ class m1 extends k1 {
         return s ? (h.res = f, h.usedParams = this.getUsedParamsDetails(t), h) : f;
       }
       if (a) {
-        const f = Array.isArray(u), R = f ? [] : {}, v = f ? w : p;
-        for (const N in u)
-          if (Object.prototype.hasOwnProperty.call(u, N)) {
-            const Z = `${v}${a}${N}`;
-            R[N] = this.translate(Z, {
+        const f = Array.isArray(u), M = f ? [] : {}, N = f ? w : p;
+        for (const x in u)
+          if (Object.prototype.hasOwnProperty.call(u, x)) {
+            const Z = `${N}${a}${x}`;
+            M[x] = this.translate(Z, {
               ...t,
               joinArrays: !1,
               ns: r
-            }), R[N] === Z && (R[N] = u[N]);
+            }), M[x] === Z && (M[x] = u[x]);
           }
-        u = R;
+        u = M;
       }
-    } else if (M && k(_) && Array.isArray(u))
-      u = u.join(_), u && (u = this.extendTranslation(u, e, t, n));
+    } else if (k && L(E) && Array.isArray(u))
+      u = u.join(E), u && (u = this.extendTranslation(u, e, t, n));
     else {
-      let f = !1, R = !1;
-      const v = t.count !== void 0 && !k(t.count), N = m1.hasDefaultValue(t), Z = v ? this.pluralResolver.getSuffix(d, t.count, t) : "", W = t.ordinal && v ? this.pluralResolver.getSuffix(d, t.count, {
+      let f = !1, M = !1;
+      const N = t.count !== void 0 && !L(t.count), x = m1.hasDefaultValue(t), Z = N ? this.pluralResolver.getSuffix(d, t.count, t) : "", W = t.ordinal && N ? this.pluralResolver.getSuffix(d, t.count, {
         ordinal: !1
-      }) : "", i1 = v && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), $ = i1 && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${Z}`] || t[`defaultValue${W}`] || t.defaultValue;
-      !this.isValidLookup(u) && N && (f = !0, u = $), this.isValidLookup(u) || (R = !0, u = c);
-      const I = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && R ? void 0 : u, K = N && $ !== u && this.options.updateMissing;
-      if (R || f || K) {
+      }) : "", i1 = N && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), $ = i1 && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${Z}`] || t[`defaultValue${W}`] || t.defaultValue;
+      !this.isValidLookup(u) && x && (f = !0, u = $), this.isValidLookup(u) || (M = !0, u = c);
+      const I = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && M ? void 0 : u, K = x && $ !== u && this.options.updateMissing;
+      if (M || f || K) {
         if (this.logger.log(K ? "updateKey" : "missingKey", d, g, c, K ? $ : u), a) {
           const A = this.resolve(c, {
             ...t,
@@ -6453,17 +6459,17 @@ class m1 extends k1 {
             F.push(q[A]);
         else this.options.saveMissingTo === "all" ? F = this.languageUtils.toResolveHierarchy(t.lng || this.language) : F.push(t.lng || this.language);
         const c1 = (A, P, T) => {
-          const d1 = N && T !== u ? T : I;
+          const d1 = x && T !== u ? T : I;
           this.options.missingKeyHandler ? this.options.missingKeyHandler(A, g, P, d1, K, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(A, g, P, d1, K, t), this.emit("missingKey", A, g, P, u);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && v ? F.forEach((A) => {
+        this.options.saveMissing && (this.options.saveMissingPlurals && N ? F.forEach((A) => {
           const P = this.pluralResolver.getSuffixes(A, t);
           i1 && t[`defaultValue${this.options.pluralSeparator}zero`] && P.indexOf(`${this.options.pluralSeparator}zero`) < 0 && P.push(`${this.options.pluralSeparator}zero`), P.forEach((T) => {
             c1([A], c + T, t[`defaultValue${T}`] || $);
           });
         }) : c1(F, c, $));
       }
-      u = this.extendTranslation(u, e, t, h, n), R && u === c && this.options.appendNamespaceToMissingKey && (u = `${g}:${c}`), (R || f) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? u = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${g}:${c}` : c, f ? u : void 0) : u = this.options.parseMissingKeyHandler(u));
+      u = this.extendTranslation(u, e, t, h, n), M && u === c && this.options.appendNamespaceToMissingKey && (u = `${g}:${c}`), (M || f) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? u = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${g}:${c}` : c, f ? u : void 0) : u = this.options.parseMissingKeyHandler(u));
     }
     return s ? (h.res = u, h.usedParams = this.getUsedParamsDetails(t), h) : u;
   }
@@ -6484,13 +6490,13 @@ class m1 extends k1 {
           ...n.interpolation
         }
       });
-      const d = k(e) && (n && n.interpolation && n.interpolation.skipOnVariables !== void 0 ? n.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
+      const d = L(e) && (n && n.interpolation && n.interpolation.skipOnVariables !== void 0 ? n.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
       let l;
       if (d) {
         const u = e.match(this.interpolator.nestingRegexp);
         l = u && u.length;
       }
-      let h = n.replace && !k(n.replace) ? n.replace : n;
+      let h = n.replace && !L(n.replace) ? n.replace : n;
       if (this.options.interpolation.defaultVariables && (h = {
         ...this.options.interpolation.defaultVariables,
         ...h
@@ -6504,7 +6510,7 @@ class m1 extends k1 {
         return a && a[0] === p[0] && !n.context ? (c.logger.warn(`It seems you are nesting recursively key: ${p[0]} in key: ${t[0]}`), null) : c.translate(...p, t);
       }, n)), n.interpolation && this.interpolator.reset();
     }
-    const r = n.postProcess || this.options.postProcess, g = k(r) ? [r] : r;
+    const r = n.postProcess || this.options.postProcess, g = L(r) ? [r] : r;
     return e != null && g && g.length && n.applyPostProcessor !== !1 && (e = oe.handle(g, e, t, this.options && this.options.postProcessPassResolved ? {
       i18nResolved: {
         ...s,
@@ -6515,32 +6521,32 @@ class m1 extends k1 {
   }
   resolve(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n, s, a, c, r;
-    return k(e) && (e = [e]), e.forEach((g) => {
+    return L(e) && (e = [e]), e.forEach((g) => {
       if (this.isValidLookup(n)) return;
       const d = this.extractFromKey(g, t), l = d.key;
       s = l;
       let h = d.namespaces;
       this.options.fallbackNS && (h = h.concat(this.options.fallbackNS));
-      const u = t.count !== void 0 && !k(t.count), p = u && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), w = t.context !== void 0 && (k(t.context) || typeof t.context == "number") && t.context !== "", L = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      const u = t.count !== void 0 && !L(t.count), p = u && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), w = t.context !== void 0 && (L(t.context) || typeof t.context == "number") && t.context !== "", v = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
       h.forEach((m) => {
-        this.isValidLookup(n) || (r = m, !G1[`${L[0]}-${m}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(r) && (G1[`${L[0]}-${m}`] = !0, this.logger.warn(`key "${s}" for languages "${L.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!!!")), L.forEach((_) => {
+        this.isValidLookup(n) || (r = m, !G1[`${v[0]}-${m}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(r) && (G1[`${v[0]}-${m}`] = !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((E) => {
           if (this.isValidLookup(n)) return;
-          c = _;
-          const M = [l];
+          c = E;
+          const k = [l];
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
-            this.i18nFormat.addLookupKeys(M, l, _, m, t);
+            this.i18nFormat.addLookupKeys(k, l, E, m, t);
           else {
             let f;
-            u && (f = this.pluralResolver.getSuffix(_, t.count, t));
-            const R = `${this.options.pluralSeparator}zero`, v = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (u && (M.push(l + f), t.ordinal && f.indexOf(v) === 0 && M.push(l + f.replace(v, this.options.pluralSeparator)), p && M.push(l + R)), w) {
-              const N = `${l}${this.options.contextSeparator}${t.context}`;
-              M.push(N), u && (M.push(N + f), t.ordinal && f.indexOf(v) === 0 && M.push(N + f.replace(v, this.options.pluralSeparator)), p && M.push(N + R));
+            u && (f = this.pluralResolver.getSuffix(E, t.count, t));
+            const M = `${this.options.pluralSeparator}zero`, N = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
+            if (u && (k.push(l + f), t.ordinal && f.indexOf(N) === 0 && k.push(l + f.replace(N, this.options.pluralSeparator)), p && k.push(l + M)), w) {
+              const x = `${l}${this.options.contextSeparator}${t.context}`;
+              k.push(x), u && (k.push(x + f), t.ordinal && f.indexOf(N) === 0 && k.push(x + f.replace(N, this.options.pluralSeparator)), p && k.push(x + M));
             }
           }
           let H;
-          for (; H = M.pop(); )
-            this.isValidLookup(n) || (a = H, n = this.getResource(_, m, H, t));
+          for (; H = k.pop(); )
+            this.isValidLookup(n) || (a = H, n = this.getResource(E, m, H, t));
         }));
       });
     }), {
@@ -6560,7 +6566,7 @@ class m1 extends k1 {
   }
   getUsedParamsDetails() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    const t = ["defaultValue", "ordinal", "context", "replace", "lng", "lngs", "fallbackLng", "ns", "keySeparator", "nsSeparator", "returnObjects", "returnDetails", "joinArrays", "postProcess", "interpolation"], n = e.replace && !k(e.replace);
+    const t = ["defaultValue", "ordinal", "context", "replace", "lng", "lngs", "fallbackLng", "ns", "keySeparator", "nsSeparator", "returnObjects", "returnDetails", "joinArrays", "postProcess", "interpolation"], n = e.replace && !L(e.replace);
     let s = n ? e.replace : e;
     if (n && typeof e.count < "u" && (s.count = e.count), this.options.interpolation.defaultVariables && (s = {
       ...this.options.interpolation.defaultVariables,
@@ -6598,7 +6604,7 @@ class W1 {
     return this.formatLanguageCode(t[0]);
   }
   formatLanguageCode(e) {
-    if (k(e) && e.indexOf("-") > -1) {
+    if (L(e) && e.indexOf("-") > -1) {
       if (typeof Intl < "u" && typeof Intl.getCanonicalLocales < "u")
         try {
           let s = Intl.getCanonicalLocales(e)[0];
@@ -6634,7 +6640,7 @@ class W1 {
   }
   getFallbackCodes(e, t) {
     if (!e) return [];
-    if (typeof e == "function" && (e = e(t)), k(e) && (e = [e]), Array.isArray(e)) return e;
+    if (typeof e == "function" && (e = e(t)), L(e) && (e = [e]), Array.isArray(e)) return e;
     if (!t) return e.default || [];
     let n = e[t];
     return n || (n = e[this.getScriptPartFromCode(t)]), n || (n = e[this.formatLanguageCode(t)]), n || (n = e[this.getLanguagePartFromCode(t)]), n || (n = e.default), n || [];
@@ -6643,7 +6649,7 @@ class W1 {
     const n = this.getFallbackCodes(t || this.options.fallbackLng || [], e), s = [], a = (c) => {
       c && (this.isSupportedCode(c) ? s.push(c) : this.logger.warn(`rejecting language code not found in supportedLngs: ${c}`));
     };
-    return k(e) && (e.indexOf("-") > -1 || e.indexOf("_") > -1) ? (this.options.load !== "languageOnly" && a(this.formatLanguageCode(e)), this.options.load !== "languageOnly" && this.options.load !== "currentOnly" && a(this.getScriptPartFromCode(e)), this.options.load !== "currentOnly" && a(this.getLanguagePartFromCode(e))) : k(e) && a(this.formatLanguageCode(e)), n.forEach((c) => {
+    return L(e) && (e.indexOf("-") > -1 || e.indexOf("_") > -1) ? (this.options.load !== "languageOnly" && a(this.formatLanguageCode(e)), this.options.load !== "languageOnly" && this.options.load !== "currentOnly" && a(this.getScriptPartFromCode(e)), this.options.load !== "currentOnly" && a(this.getLanguagePartFromCode(e))) : L(e) && a(this.formatLanguageCode(e)), n.forEach((c) => {
       s.indexOf(c) < 0 && a(this.formatLanguageCode(c));
     }), s;
   }
@@ -6848,7 +6854,7 @@ class Q5 {
 }
 const P1 = function(i, e, t) {
   let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", s = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, a = D5(i, e, t);
-  return !a && s && k(t) && (a = M1(i, t, n), a === void 0 && (a = M1(e, t, n))), a;
+  return !a && s && L(t) && (a = M1(i, t, n), a === void 0 && (a = M1(e, t, n))), a;
 }, x1 = (i) => i.replace(/\$/g, "$$$$");
 class q5 {
   constructor() {
@@ -6874,12 +6880,12 @@ class q5 {
       nestingPrefix: u,
       nestingPrefixEscaped: p,
       nestingSuffix: w,
-      nestingSuffixEscaped: L,
+      nestingSuffixEscaped: v,
       nestingOptionsSeparator: m,
-      maxReplaces: _,
-      alwaysFormat: M
+      maxReplaces: E,
+      alwaysFormat: k
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : j5, this.escapeValue = n !== void 0 ? n : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = a ? X(a) : c || "{{", this.suffix = r ? X(r) : g || "}}", this.formatSeparator = d || ",", this.unescapePrefix = l ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = u ? X(u) : p || X("$t("), this.nestingSuffix = w ? X(w) : L || X(")"), this.nestingOptionsSeparator = m || ",", this.maxReplaces = _ || 1e3, this.alwaysFormat = M !== void 0 ? M : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : j5, this.escapeValue = n !== void 0 ? n : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = a ? X(a) : c || "{{", this.suffix = r ? X(r) : g || "}}", this.formatSeparator = d || ",", this.unescapePrefix = l ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = u ? X(u) : p || X("$t("), this.nestingSuffix = w ? X(w) : v || X(")"), this.nestingOptionsSeparator = m || ",", this.maxReplaces = E || 1e3, this.alwaysFormat = k !== void 0 ? k : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -6892,18 +6898,18 @@ class q5 {
     let a, c, r;
     const g = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, d = (p) => {
       if (p.indexOf(this.formatSeparator) < 0) {
-        const _ = P1(t, g, p, this.options.keySeparator, this.options.ignoreJSONStructure);
-        return this.alwaysFormat ? this.format(_, void 0, n, {
+        const E = P1(t, g, p, this.options.keySeparator, this.options.ignoreJSONStructure);
+        return this.alwaysFormat ? this.format(E, void 0, n, {
           ...s,
           ...t,
           interpolationkey: p
-        }) : _;
+        }) : E;
       }
-      const w = p.split(this.formatSeparator), L = w.shift().trim(), m = w.join(this.formatSeparator).trim();
-      return this.format(P1(t, g, L, this.options.keySeparator, this.options.ignoreJSONStructure), m, n, {
+      const w = p.split(this.formatSeparator), v = w.shift().trim(), m = w.join(this.formatSeparator).trim();
+      return this.format(P1(t, g, v, this.options.keySeparator, this.options.ignoreJSONStructure), m, n, {
         ...s,
         ...t,
-        interpolationkey: L
+        interpolationkey: v
       });
     };
     this.resetRegExp();
@@ -6920,7 +6926,7 @@ class q5 {
         if (c = d(w), c === void 0)
           if (typeof l == "function") {
             const m = l(e, a, s);
-            c = k(m) ? m : "";
+            c = L(m) ? m : "";
           } else if (s && Object.prototype.hasOwnProperty.call(s, w))
             c = "";
           else if (h) {
@@ -6928,9 +6934,9 @@ class q5 {
             continue;
           } else
             this.logger.warn(`missed to pass in variable ${w} for interpolating ${e}`), c = "";
-        else !k(c) && !this.useRawValueToEscape && (c = T1(c));
-        const L = p.safeValue(c);
-        if (e = e.replace(a[0], L), h ? (p.regex.lastIndex += c.length, p.regex.lastIndex -= a[0].length) : p.regex.lastIndex = 0, r++, r >= this.maxReplaces)
+        else !L(c) && !this.useRawValueToEscape && (c = T1(c));
+        const v = p.safeValue(c);
+        if (e = e.replace(a[0], v), h ? (p.regex.lastIndex += c.length, p.regex.lastIndex -= a[0].length) : p.regex.lastIndex = 0, r++, r >= this.maxReplaces)
           break;
       }
     }), e;
@@ -6950,8 +6956,8 @@ class q5 {
           ...d,
           ...c
         });
-      } catch (L) {
-        return this.logger.warn(`failed parsing options string in nesting for key ${g}`, L), `${g}${l}${u}`;
+      } catch (v) {
+        return this.logger.warn(`failed parsing options string in nesting for key ${g}`, v), `${g}${l}${u}`;
       }
       return c.defaultValue && c.defaultValue.indexOf(this.prefix) > -1 && delete c.defaultValue, g;
     };
@@ -6959,14 +6965,14 @@ class q5 {
       let g = [];
       c = {
         ...n
-      }, c = c.replace && !k(c.replace) ? c.replace : c, c.applyPostProcessor = !1, delete c.defaultValue;
+      }, c = c.replace && !L(c.replace) ? c.replace : c, c.applyPostProcessor = !1, delete c.defaultValue;
       let d = !1;
       if (s[0].indexOf(this.formatSeparator) !== -1 && !/{.*}/.test(s[1])) {
         const l = s[1].split(this.formatSeparator).map((h) => h.trim());
         s[1] = l.shift(), g = l, d = !0;
       }
-      if (a = t(r.call(this, s[1].trim(), c), c), a && s[0] === e && !k(a)) return a;
-      k(a) || (a = T1(a)), a || (this.logger.warn(`missed to resolve ${s[1]} for nesting ${e}`), a = ""), d && (a = g.reduce((l, h) => this.format(l, h, n.lng, {
+      if (a = t(r.call(this, s[1].trim(), c), c), a && s[0] === e && !L(a)) return a;
+      L(a) || (a = T1(a)), a || (this.logger.warn(`missed to resolve ${s[1]} for nesting ${e}`), a = ""), d && (a = g.reduce((l, h) => this.format(l, h, n.lng, {
         ...n,
         interpolationkey: s[1].trim()
       }), a.trim())), e = e.replace(s[0], a), this.regexp.lastIndex = 0;
@@ -7173,7 +7179,7 @@ class ii extends k1 {
     let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, s = arguments.length > 3 ? arguments[3] : void 0;
     if (!this.backend)
       return this.logger.warn("No backend was added via i18next.use. Will not load resources."), s && s();
-    k(e) && (e = this.languageUtils.toResolveHierarchy(e)), k(t) && (t = [t]);
+    L(e) && (e = this.languageUtils.toResolveHierarchy(e)), L(t) && (t = [t]);
     const a = this.queueLoad(e, t, n, s);
     if (!a.toLoad.length)
       return a.pending.length || s(), null;
@@ -7258,7 +7264,7 @@ const $1 = () => ({
   appendNamespaceToCIMode: !1,
   overloadTranslationOptionHandler: (i) => {
     let e = {};
-    if (typeof i[1] == "object" && (e = i[1]), k(i[1]) && (e.defaultValue = i[1]), k(i[2]) && (e.tDescription = i[2]), typeof i[2] == "object" || typeof i[3] == "object") {
+    if (typeof i[1] == "object" && (e = i[1]), L(i[1]) && (e.defaultValue = i[1]), L(i[2]) && (e.tDescription = i[2]), typeof i[2] == "object" || typeof i[3] == "object") {
       const t = i[3] || i[2];
       Object.keys(t).forEach((n) => {
         e[n] = t[n];
@@ -7279,7 +7285,7 @@ const $1 = () => ({
     maxReplaces: 1e3,
     skipOnVariables: !0
   }
-}), F1 = (i) => (k(i.ns) && (i.ns = [i.ns]), k(i.fallbackLng) && (i.fallbackLng = [i.fallbackLng]), k(i.fallbackNS) && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), u1 = () => {
+}), F1 = (i) => (L(i.ns) && (i.ns = [i.ns]), L(i.fallbackLng) && (i.fallbackLng = [i.fallbackLng]), L(i.fallbackNS) && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), u1 = () => {
 }, ni = (i) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(i)).forEach((t) => {
     typeof i[t] == "function" && (i[t] = i[t].bind(i));
@@ -7301,7 +7307,7 @@ class l1 extends k1 {
   init() {
     var e = this;
     let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = arguments.length > 1 ? arguments[1] : void 0;
-    this.isInitializing = !0, typeof t == "function" && (n = t, t = {}), !t.defaultNS && t.defaultNS !== !1 && t.ns && (k(t.ns) ? t.defaultNS = t.ns : t.ns.indexOf("translation") < 0 && (t.defaultNS = t.ns[0]));
+    this.isInitializing = !0, typeof t == "function" && (n = t, t = {}), !t.defaultNS && t.defaultNS !== !1 && t.ns && (L(t.ns) ? t.defaultNS = t.ns : t.ns.indexOf("translation") < 0 && (t.defaultNS = t.ns[0]));
     const s = $1();
     this.options = {
       ...s,
@@ -7326,13 +7332,13 @@ class l1 extends k1 {
       }), l && (!this.options.interpolation.format || this.options.interpolation.format === s.interpolation.format) && (u.formatter = a(l), u.formatter.init(u, this.options), this.options.interpolation.format = u.formatter.format.bind(u.formatter)), u.interpolator = new q5(this.options), u.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
       }, u.backendConnector = new ii(a(this.modules.backend), u.resourceStore, u, this.options), u.backendConnector.on("*", function(p) {
-        for (var w = arguments.length, L = new Array(w > 1 ? w - 1 : 0), m = 1; m < w; m++)
-          L[m - 1] = arguments[m];
-        e.emit(p, ...L);
+        for (var w = arguments.length, v = new Array(w > 1 ? w - 1 : 0), m = 1; m < w; m++)
+          v[m - 1] = arguments[m];
+        e.emit(p, ...v);
       }), this.modules.languageDetector && (u.languageDetector = a(this.modules.languageDetector), u.languageDetector.init && u.languageDetector.init(u, this.options.detection, this.options)), this.modules.i18nFormat && (u.i18nFormat = a(this.modules.i18nFormat), u.i18nFormat.init && u.i18nFormat.init(this)), this.translator = new m1(this.services, this.options), this.translator.on("*", function(p) {
-        for (var w = arguments.length, L = new Array(w > 1 ? w - 1 : 0), m = 1; m < w; m++)
-          L[m - 1] = arguments[m];
-        e.emit(p, ...L);
+        for (var w = arguments.length, v = new Array(w > 1 ? w - 1 : 0), m = 1; m < w; m++)
+          v[m - 1] = arguments[m];
+        e.emit(p, ...v);
       }), this.modules.external.forEach((p) => {
         p.init && p.init(this);
       });
@@ -7361,7 +7367,7 @@ class l1 extends k1 {
   }
   loadResources(e) {
     let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : u1;
-    const s = k(e) ? e : this.language;
+    const s = L(e) ? e : this.language;
     if (typeof e == "function" && (n = e), !this.options.resources || this.options.partialBundledLanguages) {
       if (s && s.toLowerCase() === "cimode" && (!this.options.preload || this.options.preload.length === 0)) return n();
       const a = [], c = (r) => {
@@ -7412,7 +7418,7 @@ class l1 extends k1 {
       });
     }, r = (g) => {
       !e && !g && this.services.languageDetector && (g = []);
-      const d = k(g) ? g : this.services.languageUtils.getBestMatchFromCodes(g);
+      const d = L(g) ? g : this.services.languageUtils.getBestMatchFromCodes(g);
       d && (this.language || a(d), this.translator.language || this.translator.changeLanguage(d), this.services.languageDetector && this.services.languageDetector.cacheUserLanguage && this.services.languageDetector.cacheUserLanguage(d)), this.loadResources(d, (l) => {
         c(l, d);
       });
@@ -7436,7 +7442,7 @@ class l1 extends k1 {
       let p;
       return g.keyPrefix && Array.isArray(c) ? p = c.map((w) => `${g.keyPrefix}${u}${w}`) : p = g.keyPrefix ? `${g.keyPrefix}${u}${c}` : c, s.t(p, g);
     };
-    return k(e) ? a.lng = e : a.lngs = e, a.ns = t, a.keyPrefix = n, a;
+    return L(e) ? a.lng = e : a.lngs = e, a.ns = t, a.keyPrefix = n, a;
   }
   t() {
     return this.translator && this.translator.translate(...arguments);
@@ -7467,7 +7473,7 @@ class l1 extends k1 {
   }
   loadNamespaces(e, t) {
     const n = s1();
-    return this.options.ns ? (k(e) && (e = [e]), e.forEach((s) => {
+    return this.options.ns ? (L(e) && (e = [e]), e.forEach((s) => {
       this.options.ns.indexOf(s) < 0 && this.options.ns.push(s);
     }), this.loadResources((s) => {
       n.resolve(), t && t(s);
@@ -7475,7 +7481,7 @@ class l1 extends k1 {
   }
   loadLanguages(e, t) {
     const n = s1();
-    k(e) && (e = [e]);
+    L(e) && (e = [e]);
     const s = this.options.preload || [], a = e.filter((c) => s.indexOf(c) < 0 && this.services.languageUtils.isSupportedCode(c));
     return a.length ? (this.options.preload = s.concat(a), this.loadResources((c) => {
       n.resolve(), t && t(c);
@@ -7660,8 +7666,8 @@ const ki = (i, e) => {
   } = Q(mi) || {}, a = t || n || pi();
   if (a && !a.reportNamespaces && (a.reportNamespaces = new wi()), !a) {
     b1("You will need to pass in an i18next instance by using initReactI18next");
-    const f = (v, N) => z(N) ? N : ai(N) && z(N.defaultValue) ? N.defaultValue : Array.isArray(v) ? v[v.length - 1] : v, R = [f, {}, !1];
-    return R.t = f, R.i18n = {}, R.ready = !1, R;
+    const f = (N, x) => z(x) ? x : ai(x) && z(x.defaultValue) ? x.defaultValue : Array.isArray(N) ? N[N.length - 1] : N, M = [f, {}, !1];
+    return M.t = f, M.i18n = {}, M.ready = !1, M;
   }
   a.options.react && a.options.react.wait !== void 0 && b1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
@@ -7674,28 +7680,28 @@ const ki = (i, e) => {
   } = c;
   let d = i;
   d = z(d) ? [d] : d || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(d);
-  const l = (a.isInitialized || a.initializedStoreOnce) && d.every((f) => ri(f, a, c)), h = Li(a, e.lng || null, c.nsMode === "fallback" ? d : d[0], g), u = () => h, p = () => le(a, e.lng || null, c.nsMode === "fallback" ? d : d[0], g), [w, L] = O(u);
+  const l = (a.isInitialized || a.initializedStoreOnce) && d.every((f) => ri(f, a, c)), h = Li(a, e.lng || null, c.nsMode === "fallback" ? d : d[0], g), u = () => h, p = () => le(a, e.lng || null, c.nsMode === "fallback" ? d : d[0], g), [w, v] = O(u);
   let m = d.join();
   e.lng && (m = `${e.lng}${m}`);
-  const _ = ki(m), M = J(!0);
+  const E = ki(m), k = J(!0);
   S(() => {
     const {
       bindI18n: f,
-      bindI18nStore: R
+      bindI18nStore: M
     } = c;
-    M.current = !0, !l && !r && (e.lng ? z1(a, e.lng, d, () => {
-      M.current && L(p);
+    k.current = !0, !l && !r && (e.lng ? z1(a, e.lng, d, () => {
+      k.current && v(p);
     }) : U1(a, d, () => {
-      M.current && L(p);
-    })), l && _ && _ !== m && M.current && L(p);
-    const v = () => {
-      M.current && L(p);
+      k.current && v(p);
+    })), l && E && E !== m && k.current && v(p);
+    const N = () => {
+      k.current && v(p);
     };
-    return f && a && a.on(f, v), R && a && a.store.on(R, v), () => {
-      M.current = !1, f && a && f.split(" ").forEach((N) => a.off(N, v)), R && a && R.split(" ").forEach((N) => a.store.off(N, v));
+    return f && a && a.on(f, N), M && a && a.store.on(M, N), () => {
+      k.current = !1, f && a && f.split(" ").forEach((x) => a.off(x, N)), M && a && M.split(" ").forEach((x) => a.store.off(x, N));
     };
   }, [a, m]), S(() => {
-    M.current && l && L(u);
+    k.current && l && v(u);
   }, [a, g, l]);
   const H = [w, a, l];
   if (H.t = w, H.i18n = a, H.ready = l, l || !l && !r) return H;
@@ -7732,32 +7738,32 @@ const Si = w1(
     clearable: g,
     error: d
   }, l) => {
-    const [h, u] = O([]), [p, w] = O([]), [L, m] = O(!1), { locale: _, axiosPeople: M } = Q(pe);
-    if (!M)
+    const [h, u] = O([]), [p, w] = O([]), [v, m] = O(!1), { locale: E, axiosPeople: k } = Q(pe);
+    if (!k)
       throw new Error(
         `CountrySelect requires "axiosPeople" to fetch counties. 
                 Please provide it via SNMTUiContext.`
       );
-    const { t: H } = vi("common", { lng: _ }), f = j(async () => {
+    const { t: H } = vi("common", { lng: E }), f = j(async () => {
       m(!0);
       try {
-        const v = await M.post("v1/countries/search");
-        w(v == null ? void 0 : v.data.data);
+        const N = await k.post("v1/countries/search");
+        w(N == null ? void 0 : N.data.data);
       } catch {
         u([]);
       } finally {
         m(!1);
       }
-    }, [M]);
+    }, [k]);
     S(() => {
       f();
     }, []), S(() => {
       if (e) {
-        const v = e.split("-")[1], N = p.filter(
-          (Z) => Z.name.includes(v)
+        const N = e.split("-")[1], x = p.filter(
+          (Z) => Z.name.includes(N)
         );
-        if (N.length) {
-          const Z = N.map((W) => ({
+        if (x.length) {
+          const Z = x.map((W) => ({
             label: W.name,
             value: W.name
           }));
@@ -7765,14 +7771,14 @@ const Si = w1(
         }
       }
     }, [e, p, n]), S(() => {
-      const v = p.map((N) => ({
-        label: N.name,
-        value: N.name
+      const N = p.map((x) => ({
+        label: x.name,
+        value: x.name
       }));
-      u(v);
+      u(N);
     }, [p]);
-    const R = (v) => {
-      v === null ? (n(""), t && t("")) : (n(v), t && t(""));
+    const M = (N) => {
+      N === null ? (n(""), t && t("")) : (n(N), t && t(""));
     };
     return /* @__PURE__ */ o("div", { className: "snmt-country-select", children: /* @__PURE__ */ o(
       V5,
@@ -7782,10 +7788,10 @@ const Si = w1(
         placeholder: H("placeholder"),
         value: s,
         ref: l,
-        onChange: R,
+        onChange: M,
         options: h,
         disabled: c,
-        isLoading: L,
+        isLoading: v,
         required: r,
         clearable: g,
         error: d

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@snmt-react-ui/country-select",
     "private": false,
-    "version": "2.6.21",
+    "version": "2.6.22",
     "type": "module",
     "main": "dist/country-select.js",
     "types": "dist/index.d.ts",
@@ -18,7 +18,7 @@
         "build": "tsc && vite build"
     },
     "dependencies": {
-        "@snmt-react-ui/city-select": "^2.6.21",
+        "@snmt-react-ui/city-select": "^2.6.22",
         "@snmt-react-ui/core": "^2.3.0",
         "@snmt-react-ui/flex": "^1.5.3",
         "i18next": "^23.11.5",
@@ -27,5 +27,5 @@
     "peerDependencies": {
         "antd": "^5.18.3"
     },
-    "gitHead": "f5de9c8d5c401e3f6a75c2ad1a4c89bef998e47a"
+    "gitHead": "17d865b0e12710b8f2abbe30a08abfa5f245144d"
 }