@snmt-react-ui/country-select 2.3.5 → 2.3.7

package/dist/country-select.js

@@ -1,12 +1,12 @@
 var se = Object.defineProperty;
 var oe = (i, e, t) => e in i ? se(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var R1 = (i, e, t) => oe(i, typeof e != "symbol" ? e + "" : e, t);
+var M1 = (i, e, t) => oe(i, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
 import { jsx as n, Fragment as J, jsxs as C } from "react/jsx-runtime";
 import { SNMTUiContext as ne } from "@snmt-react-ui/core";
-import { Select as re, Flex as le, Avatar as ae, Checkbox as he, Typography as D1, Tag as T1, Popover as ce } from "antd";
-import { createContext as i1, forwardRef as C1, useState as S, useRef as N1, useEffect as B, useCallback as j, useContext as s1 } from "react";
-const a1 = ({
+import { Select as re, Flex as le, Avatar as ae, Checkbox as he, Typography as T1, Tag as G1, Popover as ce } from "antd";
+import { createContext as s1, forwardRef as u1, useState as S, useRef as x1, useEffect as B, useCallback as j, useContext as o1 } from "react";
+const h1 = ({
   children: i,
   direction: e = "row",
   flexWrap: t = "nowrap",
@@ -43,11 +43,11 @@ const a1 = ({
   );
 };
 var z = /* @__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))(z || {});
-const G1 = i1({
+const K1 = s1({
   locale: "en",
   theme: "light"
 });
-G1.Provider;
+K1.Provider;
 const ge = ({
   checked: i = !0,
   indeterminate: e = !1,
@@ -60,7 +60,7 @@ const ge = ({
   B(() => {
     r(i), g(e);
   }, [i, e]);
-  const { theme: a } = s1(G1);
+  const { theme: a } = o1(K1);
   return /* @__PURE__ */ n(
     he,
     {
@@ -76,11 +76,11 @@ const ge = ({
   );
 };
 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 K1 = i1({
+const P1 = s1({
   locale: "en",
   theme: "light"
 });
-K1.Provider;
+P1.Provider;
 const Ce = ({
   width: i = 20,
   height: e = 20,
@@ -652,7 +652,7 @@ const Ce = ({
       )
     ]
   }
-), He = ({
+), _e = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -685,7 +685,7 @@ const Ce = ({
       )
     ]
   }
-), _e = ({
+), He = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -2658,7 +2658,7 @@ const Ce = ({
       }
     )
   }
-), H2 = ({
+), _2 = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2696,7 +2696,7 @@ const Ce = ({
       )
     ]
   }
-), _2 = ({
+), H2 = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -3124,7 +3124,7 @@ const Ce = ({
       }
     )
   }
-), r1 = ({
+), l1 = ({
   name: i,
   width: e,
   height: t,
@@ -3133,7 +3133,7 @@ const Ce = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [r, d] = S(o), { theme: g } = s1(K1), a = l ? g && g === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : s, h = l ? void 0 : c;
+  const [r, d] = S(o), { theme: g } = o1(P1), a = l ? g && g === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : s, h = l ? void 0 : c;
   return B(() => {
     if (o) {
       h && !l && d(`${o} clickable`);
@@ -3185,7 +3185,7 @@ const Ce = ({
       case "users":
         return Ee({ width: e, height: t, color: a, className: r, onClick: h });
       case "mySkillsMatrix":
-        return He({
+        return _e({
           width: e,
           height: t,
           color: a,
@@ -3193,7 +3193,7 @@ const Ce = ({
           onClick: h
         });
       case "skills":
-        return _e({ width: e, height: t, color: a, className: r, onClick: h });
+        return He({ width: e, height: t, color: a, className: r, onClick: h });
       case "skillsMatrices":
         return Ve({
           width: e,
@@ -3355,9 +3355,9 @@ const Ce = ({
       case "edit":
         return E2({ width: e, height: t, color: a, className: r, onClick: h });
       case "location":
-        return H2({ width: e, height: t, color: a, className: r, onClick: h });
-      case "plus2":
         return _2({ width: e, height: t, color: a, className: r, onClick: h });
+      case "plus2":
+        return H2({ width: e, height: t, color: a, className: r, onClick: h });
       case "search2":
         return V2({ width: e, height: t, color: a, className: r, onClick: h });
       case "fastArrowLeft":
@@ -3386,12 +3386,12 @@ const Ce = ({
         return /* @__PURE__ */ n(J, { children: "No Icon provided" });
     }
   })() });
-}, { Title: K2, Text: P2 } = D1, $2 = {
+}, { Title: K2, Text: P2 } = T1, $2 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, F2 = C1(
+}, F2 = u1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -3426,11 +3426,11 @@ const Ce = ({
   }
 );
 var L = /* @__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))(L || {});
-const P1 = i1({
+const $1 = s1({
   locale: "en",
   theme: "light"
 });
-P1.Provider;
+$1.Provider;
 const Y2 = ({
   width: i = 20,
   height: e = 20,
@@ -4742,7 +4742,7 @@ const Y2 = ({
       )
     ]
   }
-), Ht = ({
+), _t = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -4768,7 +4768,7 @@ const Y2 = ({
       }
     )
   }
-), _t = ({
+), Ht = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -6483,7 +6483,7 @@ const Y2 = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [r, d] = S(o), { theme: g } = s1(P1), a = l ? g && g === "dark" ? L.GREY_LIGHT_4 : L.GREY_DARK_1 : s, h = l ? void 0 : c;
+  const [r, d] = S(o), { theme: g } = o1($1), a = l ? g && g === "dark" ? L.GREY_LIGHT_4 : L.GREY_DARK_1 : s, h = l ? void 0 : c;
   return B(() => {
     if (o) {
       h && !l && d(`${o} clickable`);
@@ -6625,7 +6625,7 @@ const Y2 = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return Ht({
+        return _t({
           width: e,
           height: t,
           color: a,
@@ -6633,7 +6633,7 @@ const Y2 = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return _t({
+        return Ht({
           width: e,
           height: t,
           color: a,
@@ -6737,40 +6737,56 @@ const Y2 = ({
     }
   })() });
 };
-var $1 = /* @__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))($1 || {});
-const R5 = i1({
+var e1 = /* @__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))(e1 || {});
+const R5 = s1({
   locale: "en",
   theme: "light"
 });
 R5.Provider;
-const F1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o = !0 }) => {
-  const l = t === "small" ? 10 : 12.5;
+const F1 = ({
+  children: i,
+  width: e,
+  size: t = "small",
+  onClose: s,
+  closable: o = !0,
+  disabled: l = !1
+}) => {
+  const c = t === "small" ? 10 : 12.5, r = () => {
+    l || s == null || s();
+  };
   return /* @__PURE__ */ n(
-    T1,
+    G1,
     {
-      className: `snmt-tag ${t}`,
+      className: `snmt-tag ${t} ${l ? "disabled" : ""}`,
       closeIcon: /* @__PURE__ */ n(
         x5,
         {
           name: "errorSmall",
-          color: $1.GREY_DARK_2,
-          width: l,
-          height: l,
-          onClick: s
+          color: l ? e1.GREY_DARK_1 : e1.GREY_DARK_2,
+          width: c,
+          height: c,
+          onClick: r
         }
       ),
       bordered: !1,
       style: { width: e ?? "fit-content" },
       closable: o,
-      children: typeof i == "string" ? /* @__PURE__ */ n(F2, { variant: t === "small" ? "body4" : "body2", children: i }) : i
+      children: typeof i == "string" ? /* @__PURE__ */ n(
+        F2,
+        {
+          variant: t === "small" ? "body4" : "body2",
+          color: l ? e1.GREY_DARK_2 : e1.GREY_DARK_5,
+          children: i
+        }
+      ) : i
     }
   );
-}, { Title: M5, Text: y5 } = D1, b5 = {
+}, { Title: M5, Text: y5 } = T1, b5 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, Y1 = C1(
+}, Y1 = u1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -6827,7 +6843,7 @@ const F1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
       children: /* @__PURE__ */ n("div", { className: "wrapper", children: i })
     }
   );
-}, H5 = ({
+}, _5 = ({
   values: i,
   onTagClose: e,
   maxWidth: t,
@@ -6853,7 +6869,7 @@ const F1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
     {
       content: (
         // 90: paddings + margins + gaps and so on
-        /* @__PURE__ */ n("div", { style: { maxWidth: t - 90 }, children: /* @__PURE__ */ n(a1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: a }) => /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { style: { maxWidth: t - 90 }, children: /* @__PURE__ */ n(h1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: a }) => /* @__PURE__ */ n(
           F1,
           {
             onClose: () => e(a),
@@ -6866,13 +6882,13 @@ const F1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
       placement: "bottomRight",
       isOpen: c,
       setIsOpen: r,
-      children: /* @__PURE__ */ n(T1, { className: `overflow-button ${c ? "open" : ""}`, bordered: !1, children: /* @__PURE__ */ C(Y1, { variant: "body4", color: c ? z.BLUE_PRIMARY : void 0, children: [
+      children: /* @__PURE__ */ n(G1, { className: `overflow-button ${c ? "open" : ""}`, bordered: !1, children: /* @__PURE__ */ C(Y1, { variant: "body4", color: c ? z.BLUE_PRIMARY : void 0, children: [
         i.length,
         " more"
       ] }) })
     }
   ) });
-}, M1 = ({ size: i = 30, color: e = "#004ed7" }) => {
+}, y1 = ({ size: i = 30, color: e = "#004ed7" }) => {
   const t = `no-repeat linear-gradient(${e} 
     calc(50% - 10px), #0000 0 calc(50% + 10px), ${e} 0)`, s = {
     width: i,
@@ -6880,7 +6896,7 @@ const F1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
     backgroundSize: "20% calc(200% + 20px)"
   };
   return /* @__PURE__ */ n("span", { className: "snmt-loader", style: s });
-}, _5 = C1(
+}, H5 = u1(
   ({
     value: i,
     onChange: e,
@@ -6904,19 +6920,19 @@ const F1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
     isLoading: b,
     readOnly: f
   }, x) => {
-    const [y, M] = S(!1), [T, o1] = S(!1), [Q, W] = S(!0), [O, q] = S(i), D = N1(null);
+    const [y, M] = S(!1), [T, n1] = S(!1), [Q, W] = S(!0), [O, q] = S(i), D = x1(null);
     B(() => {
       q(i);
     }, [i]);
     const G = (w) => {
       M(w), u && u(w);
-    }, F = (w, H) => {
+    }, F = (w, _) => {
       var A;
-      return !!((A = H == null ? void 0 : H.label) != null && A.toString().toLowerCase().includes(w.toLowerCase()));
-    }, n1 = () => {
-      o1(!0);
+      return !!((A = _ == null ? void 0 : _.label) != null && A.toString().toLowerCase().includes(w.toLowerCase()));
+    }, r1 = () => {
+      n1(!0);
     }, V = () => {
-      o1(!1);
+      n1(!1);
     }, I = j(
       (w) => {
         if (q(w), s) {
@@ -6924,8 +6940,8 @@ const F1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
           e == null || e(A);
           return;
         }
-        const H = w;
-        e == null || e(H);
+        const _ = w;
+        e == null || e(_);
       },
       [s, e]
     ), K = j(() => {
@@ -6938,11 +6954,11 @@ const F1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
       }
     }, [I, s, f]), P = j(
       (w) => {
-        const H = O.filter((A) => A !== w);
-        I(H), q(H);
+        const _ = O.filter((A) => A !== w);
+        I(_), q(_);
       },
       [I, O]
-    ), x1 = j(
+    ), R1 = j(
       (w) => (O == null ? void 0 : O.indexOf(w)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
@@ -6952,25 +6968,25 @@ const F1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
     ), X1 = (w) => {
       w.preventDefault(), w.stopPropagation();
     }, ee = async (w) => {
-      const { target: H } = w;
-      H.scrollTop + H.offsetHeight >= H.scrollHeight - a && (p == null || p(!0)), m && await m(w);
-    }, p1 = j(
+      const { target: _ } = w;
+      _.scrollTop + _.offsetHeight >= _.scrollHeight - a && (p == null || p(!0)), m && await m(w);
+    }, f1 = j(
       (w) => {
-        var H, A;
-        return ((H = l.find((f1) => f1.value === w)) == null ? void 0 : H.label) || ((A = v == null ? void 0 : v.find(
-          (f1) => f1.value === w
+        var _, A;
+        return ((_ = l.find((w1) => w1.value === w)) == null ? void 0 : _.label) || ((A = v == null ? void 0 : v.find(
+          (w1) => w1.value === w
         )) == null ? void 0 : A.label) || w;
       },
       [v, l]
     ), te = j(
       (w) => {
-        var H;
+        var _;
         return /* @__PURE__ */ n(
-          H5,
+          _5,
           {
             values: w,
             onTagClose: P,
-            maxWidth: ((H = D.current) == null ? void 0 : H.clientWidth) || 0,
+            maxWidth: ((_ = D.current) == null ? void 0 : _.clientWidth) || 0,
             disabled: r || f,
             options: l,
             extraOptions: v
@@ -6979,8 +6995,8 @@ const F1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
       },
       [r, v, P, l, f]
     ), ie = j(
-      ({ label: w, value: H, mode: A }) => A === "filter" ? x1(H) : /* @__PURE__ */ n("div", { onMouseDown: X1, className: "tag-wrapper", children: /* @__PURE__ */ n(F1, { onClose: () => P(H), closable: !r, children: /* @__PURE__ */ n(Y1, { variant: "body4", children: typeof w == "object" ? w : p1(H) }) }) }),
-      [r, p1, P, x1]
+      ({ label: w, value: _, mode: A }) => A === "filter" ? R1(_) : /* @__PURE__ */ n("div", { onMouseDown: X1, className: "tag-wrapper", children: /* @__PURE__ */ n(F1, { onClose: () => P(_), closable: !r, children: /* @__PURE__ */ n(Y1, { variant: "body4", children: typeof w == "object" ? w : f1(_) }) }) }),
+      [r, f1, P, R1]
     );
     return /* @__PURE__ */ C(
       "div",
@@ -7003,10 +7019,10 @@ const F1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
               placeholder: t ? d ? `${t}*` : t : void 0,
               disabled: r,
               value: O || void 0,
-              labelRender: (w) => p1(w.value),
+              labelRender: (w) => f1(w.value),
               mode: s === "filter" ? "multiple" : s,
               onChange: I,
-              onFocus: n1,
+              onFocus: r1,
               onBlur: V,
               onSearch: (w) => {
                 W(!w), h && h(w);
@@ -7017,11 +7033,11 @@ const F1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
               maxTagCount: "responsive",
               maxTagPlaceholder: te,
               onPopupScroll: ee,
-              prefix: b && /* @__PURE__ */ n(M1, { size: 15 }),
+              prefix: b && /* @__PURE__ */ n(y1, { size: 15 }),
               suffixIcon: /* @__PURE__ */ n("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ C(J, { children: [
-                O && !!O.length && (s || g) && /* @__PURE__ */ n("div", { onClick: K, children: /* @__PURE__ */ n(r1, { name: "cancel" }) }),
+                O && !!O.length && (s || g) && /* @__PURE__ */ n("div", { onClick: K, children: /* @__PURE__ */ n(l1, { name: "cancel" }) }),
                 /* @__PURE__ */ n(
-                  r1,
+                  l1,
                   {
                     name: "selectArrowIcon",
                     color: r ? z.GREY_DARK_1 : z.GREY_DARK_5,
@@ -7030,23 +7046,23 @@ const F1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
                   }
                 )
               ] }) }),
-              removeIcon: /* @__PURE__ */ n(r1, { name: "errorSmall", color: z.GREY_DARK_2 }),
+              removeIcon: /* @__PURE__ */ n(l1, { name: "errorSmall", color: z.GREY_DARK_2 }),
               options: l,
-              optionRender: (w) => R ? R(w.data) : /* @__PURE__ */ C(a1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
-                /* @__PURE__ */ C(a1, { alignItems: "center", gap: 12, children: [
+              optionRender: (w) => R ? R(w.data) : /* @__PURE__ */ C(h1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                /* @__PURE__ */ C(h1, { alignItems: "center", gap: 12, children: [
                   s && /* @__PURE__ */ n(
                     ge,
                     {
                       checked: !!(O != null && O.includes(w.value))
                     }
                   ),
-                  /* @__PURE__ */ C(a1, { alignItems: "center", gap: 8, children: [
+                  /* @__PURE__ */ C(h1, { alignItems: "center", gap: 8, children: [
                     w.data.image && /* @__PURE__ */ n(de, { src: w.data.image, size: 20 }),
                     /* @__PURE__ */ n("span", { children: w.label })
                   ] })
                 ] }),
                 !s && O === w.value && /* @__PURE__ */ n(
-                  r1,
+                  l1,
                   {
                     name: "ok",
                     color: z.BLUE_PRIMARY,
@@ -7063,7 +7079,7 @@ const F1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
                     display: "grid",
                     justifyContent: "center"
                   },
-                  children: /* @__PURE__ */ n(M1, { size: 28 })
+                  children: /* @__PURE__ */ n(y1, { size: 28 })
                 }
               ) : (w) => E ? E(w) : w
             }
@@ -7097,7 +7113,7 @@ const F1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
     console && console[i] && console[i].apply(console, e);
   }
 };
-class h1 {
+class c1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     this.init(e, t);
@@ -7130,17 +7146,17 @@ class h1 {
     return o && !this.debug ? null : (typeof e[0] == "string" && (e[0] = `${s}${this.prefix} ${e[0]}`), this.logger[t](e));
   }
   create(e) {
-    return new h1(this.logger, {
+    return new c1(this.logger, {
       prefix: `${this.prefix}:${e}:`,
       ...this.options
     });
   }
   clone(e) {
-    return e = e || this.options, e.prefix = e.prefix || this.prefix, new h1(this.logger, e);
+    return e = e || this.options, e.prefix = e.prefix || this.prefix, new c1(this.logger, e);
   }
 }
-var Z = new h1();
-class u1 {
+var Z = new c1();
+class p1 {
   constructor() {
     this.observers = {};
   }
@@ -7180,51 +7196,51 @@ const X = () => {
     i = s, e = o;
   });
   return t.resolve = i, t.reject = e, t;
-}, y1 = (i) => i == null ? "" : "" + i, I5 = (i, e, t) => {
+}, b1 = (i) => i == null ? "" : "" + i, I5 = (i, e, t) => {
   i.forEach((s) => {
     e[s] && (t[s] = e[s]);
   });
-}, S5 = /###/g, b1 = (i) => i && i.indexOf("###") > -1 ? i.replace(S5, ".") : i, E1 = (i) => !i || typeof i == "string", e1 = (i, e, t) => {
+}, S5 = /###/g, E1 = (i) => i && i.indexOf("###") > -1 ? i.replace(S5, ".") : i, _1 = (i) => !i || typeof i == "string", t1 = (i, e, t) => {
   const s = typeof e != "string" ? e : e.split(".");
   let o = 0;
   for (; o < s.length - 1; ) {
-    if (E1(i)) return {};
-    const l = b1(s[o]);
+    if (_1(i)) return {};
+    const l = E1(s[o]);
     !i[l] && t && (i[l] = new t()), Object.prototype.hasOwnProperty.call(i, l) ? i = i[l] : i = {}, ++o;
   }
-  return E1(i) ? {} : {
+  return _1(i) ? {} : {
     obj: i,
-    k: b1(s[o])
+    k: E1(s[o])
   };
 }, H1 = (i, e, t) => {
   const {
     obj: s,
     k: o
-  } = e1(i, e, Object);
+  } = t1(i, e, Object);
   if (s !== void 0 || e.length === 1) {
     s[o] = t;
     return;
   }
-  let l = e[e.length - 1], c = e.slice(0, e.length - 1), r = e1(i, c, Object);
+  let l = e[e.length - 1], c = e.slice(0, e.length - 1), r = t1(i, c, Object);
   for (; r.obj === void 0 && c.length; )
-    l = `${c[c.length - 1]}.${l}`, c = c.slice(0, c.length - 1), r = e1(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 = t1(i, c, Object), r && r.obj && typeof r.obj[`${r.k}.${l}`] < "u" && (r.obj = void 0);
   r.obj[`${r.k}.${l}`] = t;
 }, O5 = (i, e, t, s) => {
   const {
     obj: o,
     k: l
-  } = e1(i, e, Object);
+  } = t1(i, e, Object);
   o[l] = o[l] || [], o[l].push(t);
-}, c1 = (i, e) => {
+}, d1 = (i, e) => {
   const {
     obj: t,
     k: s
-  } = e1(i, e);
+  } = t1(i, e);
   if (t)
     return t[s];
 }, A5 = (i, e, t) => {
-  const s = c1(i, t);
-  return s !== void 0 ? s : c1(e, t);
+  const s = d1(i, t);
+  return s !== void 0 ? s : d1(e, t);
 }, U1 = (i, e, t) => {
   for (const s in e)
     s !== "__proto__" && s !== "constructor" && (s in i ? typeof i[s] == "string" || i[s] instanceof String || typeof e[s] == "string" || e[s] instanceof String ? t && (i[s] = e[s]) : U1(i[s], e[s], t) : i[s] = e[s]);
@@ -7262,7 +7278,7 @@ const j5 = [" ", ",", "?", "!", ";"], D5 = new W5(20), T5 = (i, e, t) => {
     c > 0 && !o.test(i.substring(0, c)) && (l = !0);
   }
   return l;
-}, k1 = function(i, e) {
+}, L1 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : ".";
   if (!i) return;
   if (i[e]) return i[e];
@@ -7282,8 +7298,8 @@ const j5 = [" ", ",", "?", "!", ";"], D5 = new W5(20), T5 = (i, e, t) => {
     o = c;
   }
   return o;
-}, d1 = (i) => i && i.indexOf("_") > 0 ? i.replace("_", "-") : i;
-class _1 extends u1 {
+}, g1 = (i) => i && i.indexOf("_") > 0 ? i.replace("_", "-") : i;
+class V1 extends p1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
       ns: ["translation"],
@@ -7303,8 +7319,8 @@ class _1 extends u1 {
     const l = o.keySeparator !== void 0 ? o.keySeparator : this.options.keySeparator, c = o.ignoreJSONStructure !== void 0 ? o.ignoreJSONStructure : this.options.ignoreJSONStructure;
     let r;
     e.indexOf(".") > -1 ? r = e.split(".") : (r = [e, t], s && (Array.isArray(s) ? r.push(...s) : typeof s == "string" && l ? r.push(...s.split(l)) : r.push(s)));
-    const d = c1(this.data, r);
-    return !d && !t && !s && e.indexOf(".") > -1 && (e = r[0], t = r[1], s = r.slice(2).join(".")), d || !c || typeof s != "string" ? d : k1(this.data && this.data[e] && this.data[e][t], s, l);
+    const d = d1(this.data, r);
+    return !d && !t && !s && e.indexOf(".") > -1 && (e = r[0], t = r[1], s = r.slice(2).join(".")), d || !c || typeof s != "string" ? d : L1(this.data && this.data[e] && this.data[e][t], s, l);
   }
   addResource(e, t, s, o) {
     let l = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {
@@ -7330,7 +7346,7 @@ class _1 extends u1 {
       skipCopy: !1
     }, r = [e, t];
     e.indexOf(".") > -1 && (r = e.split("."), o = s, s = t, t = r[1]), this.addNamespaces(t);
-    let d = c1(this.data, r) || {};
+    let d = d1(this.data, r) || {};
     c.skipCopy || (s = JSON.parse(JSON.stringify(s))), o ? U1(d, s, l) : d = {
       ...d,
       ...s
@@ -7369,8 +7385,8 @@ var z1 = {
     }), e;
   }
 };
-const V1 = {};
-class g1 extends u1 {
+const I1 = {};
+class C1 extends p1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     super(), I5(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = Z.create("translator");
@@ -7467,9 +7483,9 @@ class g1 extends u1 {
       u = u.join(E), u && (u = this.extendTranslation(u, e, t, s));
     else {
       let f = !1, x = !1;
-      const y = t.count !== void 0 && typeof t.count != "string", M = g1.hasDefaultValue(t), T = y ? this.pluralResolver.getSuffix(g, t.count, t) : "", o1 = t.ordinal && y ? this.pluralResolver.getSuffix(g, t.count, {
+      const y = t.count !== void 0 && typeof t.count != "string", M = C1.hasDefaultValue(t), T = y ? this.pluralResolver.getSuffix(g, t.count, t) : "", n1 = t.ordinal && y ? this.pluralResolver.getSuffix(g, t.count, {
         ordinal: !1
-      }) : "", Q = y && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), W = Q && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${T}`] || t[`defaultValue${o1}`] || t.defaultValue;
+      }) : "", Q = y && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), W = Q && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${T}`] || t[`defaultValue${n1}`] || t.defaultValue;
       !this.isValidLookup(u) && M && (f = !0, u = W), this.isValidLookup(u) || (x = !0, u = c);
       const q = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && x ? void 0 : u, D = M && W !== u && this.options.updateMissing;
       if (x || f || D) {
@@ -7486,16 +7502,16 @@ class g1 extends u1 {
           for (let V = 0; V < F.length; V++)
             G.push(F[V]);
         else this.options.saveMissingTo === "all" ? G = this.languageUtils.toResolveHierarchy(t.lng || this.language) : G.push(t.lng || this.language);
-        const n1 = (V, I, K) => {
+        const r1 = (V, I, K) => {
           const P = M && K !== u ? K : q;
           this.options.missingKeyHandler ? this.options.missingKeyHandler(V, d, I, P, D, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(V, d, I, P, D, t), this.emit("missingKey", V, d, I, u);
         };
         this.options.saveMissing && (this.options.saveMissingPlurals && y ? G.forEach((V) => {
           const I = this.pluralResolver.getSuffixes(V, t);
           Q && t[`defaultValue${this.options.pluralSeparator}zero`] && I.indexOf(`${this.options.pluralSeparator}zero`) < 0 && I.push(`${this.options.pluralSeparator}zero`), I.forEach((K) => {
-            n1([V], c + K, t[`defaultValue${K}`] || W);
+            r1([V], c + K, t[`defaultValue${K}`] || W);
           });
-        }) : n1(G, c, W));
+        }) : r1(G, c, W));
       }
       u = this.extendTranslation(u, e, t, h, s), x && u === c && this.options.appendNamespaceToMissingKey && (u = `${d}:${c}`), (x || f) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? u = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, f ? u : void 0) : u = this.options.parseMissingKeyHandler(u));
     }
@@ -7557,7 +7573,7 @@ class g1 extends u1 {
       this.options.fallbackNS && (h = h.concat(this.options.fallbackNS));
       const u = t.count !== void 0 && typeof t.count != "string", p = u && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), m = 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(s) || (r = v, !V1[`${N[0]}-${v}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(r) && (V1[`${N[0]}-${v}`] = !0, this.logger.warn(`key "${o}" 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) => {
+        this.isValidLookup(s) || (r = v, !I1[`${N[0]}-${v}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(r) && (I1[`${N[0]}-${v}`] = !0, this.logger.warn(`key "${o}" 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(s)) return;
           c = E;
           const R = [a];
@@ -7616,18 +7632,18 @@ class g1 extends u1 {
     return !1;
   }
 }
-const w1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
-class I1 {
+const m1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
+class S1 {
   constructor(e) {
     this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = Z.create("languageUtils");
   }
   getScriptPartFromCode(e) {
-    if (e = d1(e), !e || e.indexOf("-") < 0) return null;
+    if (e = g1(e), !e || e.indexOf("-") < 0) return null;
     const t = e.split("-");
     return t.length === 2 || (t.pop(), t[t.length - 1].toLowerCase() === "x") ? null : this.formatLanguageCode(t.join("-"));
   }
   getLanguagePartFromCode(e) {
-    if (e = d1(e), !e || e.indexOf("-") < 0) return e;
+    if (e = g1(e), !e || e.indexOf("-") < 0) return e;
     const t = e.split("-");
     return this.formatLanguageCode(t[0]);
   }
@@ -7635,7 +7651,7 @@ class I1 {
     if (typeof e == "string" && e.indexOf("-") > -1) {
       const t = ["hans", "hant", "latn", "cyrl", "cans", "mong", "arab"];
       let s = e.split("-");
-      return this.options.lowerCaseLng ? s = s.map((o) => o.toLowerCase()) : s.length === 2 ? (s[0] = s[0].toLowerCase(), s[1] = s[1].toUpperCase(), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = w1(s[1].toLowerCase()))) : s.length === 3 && (s[0] = s[0].toLowerCase(), s[1].length === 2 && (s[1] = s[1].toUpperCase()), s[0] !== "sgn" && s[2].length === 2 && (s[2] = s[2].toUpperCase()), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = w1(s[1].toLowerCase())), t.indexOf(s[2].toLowerCase()) > -1 && (s[2] = w1(s[2].toLowerCase()))), s.join("-");
+      return this.options.lowerCaseLng ? s = s.map((o) => o.toLowerCase()) : s.length === 2 ? (s[0] = s[0].toLowerCase(), s[1] = s[1].toUpperCase(), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = m1(s[1].toLowerCase()))) : s.length === 3 && (s[0] = s[0].toLowerCase(), s[1].length === 2 && (s[1] = s[1].toUpperCase()), s[0] !== "sgn" && s[2].length === 2 && (s[2] = s[2].toUpperCase()), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = m1(s[1].toLowerCase())), t.indexOf(s[2].toLowerCase()) > -1 && (s[2] = m1(s[2].toLowerCase()))), s.join("-");
     }
     return this.options.cleanCode || this.options.lowerCaseLng ? e.toLowerCase() : e;
   }
@@ -7792,7 +7808,7 @@ let G5 = [{
   21: (i) => i % 100 == 1 ? 1 : i % 100 == 2 ? 2 : i % 100 == 3 || i % 100 == 4 ? 3 : 0,
   22: (i) => i == 1 ? 0 : i == 2 ? 1 : (i < 0 || i > 10) && i % 10 == 0 ? 2 : 3
 };
-const P5 = ["v1", "v2", "v3"], $5 = ["v4"], S1 = {
+const P5 = ["v1", "v2", "v3"], $5 = ["v4"], O1 = {
   zero: 0,
   one: 1,
   two: 2,
@@ -7825,7 +7841,7 @@ class Y5 {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (this.shouldUseIntlApi())
       try {
-        const s = d1(e === "dev" ? "en" : e), o = t.ordinal ? "ordinal" : "cardinal", l = JSON.stringify({
+        const s = g1(e === "dev" ? "en" : e), o = t.ordinal ? "ordinal" : "cardinal", l = JSON.stringify({
           cleanedCode: s,
           type: o
         });
@@ -7852,7 +7868,7 @@ class Y5 {
   getSuffixes(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     const s = this.getRule(e, t);
-    return s ? this.shouldUseIntlApi() ? s.resolvedOptions().pluralCategories.sort((o, l) => S1[o] - S1[l]).map((o) => `${this.options.prepend}${t.ordinal ? `ordinal${this.options.prepend}` : ""}${o}`) : s.numbers.map((o) => this.getSuffix(e, o, t)) : [];
+    return s ? this.shouldUseIntlApi() ? s.resolvedOptions().pluralCategories.sort((o, l) => O1[o] - O1[l]).map((o) => `${this.options.prepend}${t.ordinal ? `ordinal${this.options.prepend}` : ""}${o}`) : s.numbers.map((o) => this.getSuffix(e, o, t)) : [];
   }
   getSuffix(e, t) {
     let s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
@@ -7870,10 +7886,10 @@ class Y5 {
     return !P5.includes(this.options.compatibilityJSON);
   }
 }
-const O1 = function(i, e, t) {
+const A1 = function(i, e, t) {
   let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, l = A5(i, e, t);
-  return !l && o && typeof t == "string" && (l = k1(i, t, s), l === void 0 && (l = k1(e, t, s))), l;
-}, m1 = (i) => i.replace(/\$/g, "$$$$");
+  return !l && o && typeof t == "string" && (l = L1(i, t, s), l === void 0 && (l = L1(e, t, s))), l;
+}, k1 = (i) => i.replace(/\$/g, "$$$$");
 class U5 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -7916,7 +7932,7 @@ class U5 {
     let l, c, r;
     const d = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, g = (p) => {
       if (p.indexOf(this.formatSeparator) < 0) {
-        const E = O1(t, d, p, this.options.keySeparator, this.options.ignoreJSONStructure);
+        const E = A1(t, d, p, this.options.keySeparator, this.options.ignoreJSONStructure);
         return this.alwaysFormat ? this.format(E, void 0, s, {
           ...o,
           ...t,
@@ -7924,7 +7940,7 @@ class U5 {
         }) : E;
       }
       const m = p.split(this.formatSeparator), N = m.shift().trim(), v = m.join(this.formatSeparator).trim();
-      return this.format(O1(t, d, N, this.options.keySeparator, this.options.ignoreJSONStructure), v, s, {
+      return this.format(A1(t, d, N, this.options.keySeparator, this.options.ignoreJSONStructure), v, s, {
         ...o,
         ...t,
         interpolationkey: N
@@ -7934,10 +7950,10 @@ class U5 {
     const a = o && o.missingInterpolationHandler || this.options.missingInterpolationHandler, h = o && o.interpolation && o.interpolation.skipOnVariables !== void 0 ? o.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
     return [{
       regex: this.regexpUnescape,
-      safeValue: (p) => m1(p)
+      safeValue: (p) => k1(p)
     }, {
       regex: this.regexp,
-      safeValue: (p) => this.escapeValue ? m1(this.escape(p)) : m1(p)
+      safeValue: (p) => this.escapeValue ? k1(this.escape(p)) : k1(p)
     }].forEach((p) => {
       for (r = 0; l = p.regex.exec(e); ) {
         const m = l[1].trim();
@@ -7952,7 +7968,7 @@ class U5 {
             continue;
           } else
             this.logger.warn(`missed to pass in variable ${m} for interpolating ${e}`), c = "";
-        else typeof c != "string" && !this.useRawValueToEscape && (c = y1(c));
+        else typeof c != "string" && !this.useRawValueToEscape && (c = b1(c));
         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;
@@ -7990,7 +8006,7 @@ class U5 {
         o[1] = a.shift(), d = a, g = !0;
       }
       if (l = t(r.call(this, o[1].trim(), c), c), l && o[0] === e && typeof l != "string") return l;
-      typeof l != "string" && (l = y1(l)), l || (this.logger.warn(`missed to resolve ${o[1]} for nesting ${e}`), l = ""), g && (l = d.reduce((a, h) => this.format(a, h, s.lng, {
+      typeof l != "string" && (l = b1(l)), l || (this.logger.warn(`missed to resolve ${o[1]} for nesting ${e}`), l = ""), g && (l = d.reduce((a, h) => this.format(a, h, s.lng, {
         ...s,
         interpolationkey: o[1].trim()
       }), l.trim())), e = e.replace(o[0], l), this.regexp.lastIndex = 0;
@@ -8026,7 +8042,7 @@ const z5 = (i) => {
     });
     const c = s + JSON.stringify(l);
     let r = e[c];
-    return r || (r = i(d1(s), o), e[c] = r), r(t);
+    return r || (r = i(g1(s), o), e[c] = r), r(t);
   };
 };
 class J5 {
@@ -8112,7 +8128,7 @@ class J5 {
 const Q5 = (i, e) => {
   i.pending[e] !== void 0 && (delete i.pending[e], i.pendingCount--);
 };
-class q5 extends u1 {
+class q5 extends p1 {
   constructor(e, t, s) {
     let o = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
     super(), this.backend = e, this.store = t, this.services = s, this.languageUtils = s.languageUtils, this.options = o, this.logger = Z.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = o.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = o.maxRetries >= 0 ? o.maxRetries : 5, this.retryTimeout = o.retryTimeout >= 1 ? o.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, o.backend, o);
@@ -8247,7 +8263,7 @@ class q5 extends u1 {
     }
   }
 }
-const A1 = () => ({
+const B1 = () => ({
   debug: !1,
   initImmediate: !0,
   ns: ["translation"],
@@ -8303,16 +8319,16 @@ const A1 = () => ({
     maxReplaces: 1e3,
     skipOnVariables: !0
   }
-}), B1 = (i) => (typeof i.ns == "string" && (i.ns = [i.ns]), typeof i.fallbackLng == "string" && (i.fallbackLng = [i.fallbackLng]), typeof i.fallbackNS == "string" && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), l1 = () => {
+}), Z1 = (i) => (typeof i.ns == "string" && (i.ns = [i.ns]), typeof i.fallbackLng == "string" && (i.fallbackLng = [i.fallbackLng]), typeof i.fallbackNS == "string" && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), a1 = () => {
 }, X5 = (i) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(i)).forEach((t) => {
     typeof i[t] == "function" && (i[t] = i[t].bind(i));
   });
 };
-class t1 extends u1 {
+class i1 extends p1 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    if (super(), this.options = B1(e), this.services = {}, this.logger = Z, this.modules = {
+    if (super(), this.options = Z1(e), this.services = {}, this.logger = Z, this.modules = {
       external: []
     }, X5(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initImmediate)
@@ -8326,11 +8342,11 @@ class t1 extends u1 {
     var e = this;
     let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, s = arguments.length > 1 ? arguments[1] : void 0;
     this.isInitializing = !0, typeof t == "function" && (s = t, t = {}), !t.defaultNS && t.defaultNS !== !1 && t.ns && (typeof t.ns == "string" ? t.defaultNS = t.ns : t.ns.indexOf("translation") < 0 && (t.defaultNS = t.ns[0]));
-    const o = A1();
+    const o = B1();
     this.options = {
       ...o,
       ...this.options,
-      ...B1(t)
+      ...Z1(t)
     }, this.options.compatibilityAPI !== "v1" && (this.options.interpolation = {
       ...o.interpolation,
       ...this.options.interpolation
@@ -8340,8 +8356,8 @@ class t1 extends u1 {
       this.modules.logger ? Z.init(l(this.modules.logger), this.options) : Z.init(null, this.options);
       let a;
       this.modules.formatter ? a = this.modules.formatter : typeof Intl < "u" && (a = J5);
-      const h = new I1(this.options);
-      this.store = new _1(this.options.resources, this.options);
+      const h = new S1(this.options);
+      this.store = new V1(this.options.resources, this.options);
       const u = this.services;
       u.logger = Z, u.resourceStore = this.store, u.languageUtils = h, u.pluralResolver = new Y5(h, {
         prepend: this.options.pluralSeparator,
@@ -8353,7 +8369,7 @@ class t1 extends u1 {
         for (var m = arguments.length, N = new Array(m > 1 ? m - 1 : 0), v = 1; v < m; v++)
           N[v - 1] = arguments[v];
         e.emit(p, ...N);
-      }), this.modules.languageDetector && (u.languageDetector = l(this.modules.languageDetector), u.languageDetector.init && u.languageDetector.init(u, this.options.detection, this.options)), this.modules.i18nFormat && (u.i18nFormat = l(this.modules.i18nFormat), u.i18nFormat.init && u.i18nFormat.init(this)), this.translator = new g1(this.services, this.options), this.translator.on("*", function(p) {
+      }), this.modules.languageDetector && (u.languageDetector = l(this.modules.languageDetector), u.languageDetector.init && u.languageDetector.init(u, this.options.detection, this.options)), this.modules.i18nFormat && (u.i18nFormat = l(this.modules.i18nFormat), u.i18nFormat.init && u.i18nFormat.init(this)), this.translator = new C1(this.services, this.options), this.translator.on("*", function(p) {
         for (var m = arguments.length, N = new Array(m > 1 ? m - 1 : 0), v = 1; v < m; v++)
           N[v - 1] = arguments[v];
         e.emit(p, ...N);
@@ -8361,7 +8377,7 @@ class t1 extends u1 {
         p.init && p.init(this);
       });
     }
-    if (this.format = this.options.interpolation.format, s || (s = l1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
+    if (this.format = this.options.interpolation.format, s || (s = a1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
       const a = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
       a.length > 0 && a[0] !== "dev" && (this.options.lng = a[0]);
     }
@@ -8384,7 +8400,7 @@ class t1 extends u1 {
     return this.options.resources || !this.options.initImmediate ? g() : setTimeout(g, 0), d;
   }
   loadResources(e) {
-    let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : l1;
+    let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : a1;
     const o = typeof e == "string" ? e : this.language;
     if (typeof e == "function" && (s = e), !this.options.resources || this.options.partialBundledLanguages) {
       if (o && o.toLowerCase() === "cimode" && (!this.options.preload || this.options.preload.length === 0)) return s();
@@ -8402,7 +8418,7 @@ class t1 extends u1 {
   }
   reloadResources(e, t, s) {
     const o = X();
-    return typeof e == "function" && (s = e, e = void 0), typeof t == "function" && (s = t, t = void 0), e || (e = this.languages), t || (t = this.options.ns), s || (s = l1), this.services.backendConnector.reload(e, t, (l) => {
+    return typeof e == "function" && (s = e, e = void 0), typeof t == "function" && (s = t, t = void 0), e || (e = this.languages), t || (t = this.options.ns), s || (s = a1), this.services.backendConnector.reload(e, t, (l) => {
       o.resolve(), s(l);
     }), o;
   }
@@ -8507,29 +8523,29 @@ class t1 extends u1 {
   }
   dir(e) {
     if (e || (e = this.resolvedLanguage || (this.languages && this.languages.length > 0 ? this.languages[0] : this.language)), !e) return "rtl";
-    const t = ["ar", "shu", "sqr", "ssh", "xaa", "yhd", "yud", "aao", "abh", "abv", "acm", "acq", "acw", "acx", "acy", "adf", "ads", "aeb", "aec", "afb", "ajp", "apc", "apd", "arb", "arq", "ars", "ary", "arz", "auz", "avl", "ayh", "ayl", "ayn", "ayp", "bbz", "pga", "he", "iw", "ps", "pbt", "pbu", "pst", "prp", "prd", "ug", "ur", "ydd", "yds", "yih", "ji", "yi", "hbo", "men", "xmn", "fa", "jpr", "peo", "pes", "prs", "dv", "sam", "ckb"], s = this.services && this.services.languageUtils || new I1(A1());
+    const t = ["ar", "shu", "sqr", "ssh", "xaa", "yhd", "yud", "aao", "abh", "abv", "acm", "acq", "acw", "acx", "acy", "adf", "ads", "aeb", "aec", "afb", "ajp", "apc", "apd", "arb", "arq", "ars", "ary", "arz", "auz", "avl", "ayh", "ayl", "ayn", "ayp", "bbz", "pga", "he", "iw", "ps", "pbt", "pbu", "pst", "prp", "prd", "ug", "ur", "ydd", "yds", "yih", "ji", "yi", "hbo", "men", "xmn", "fa", "jpr", "peo", "pes", "prs", "dv", "sam", "ckb"], s = this.services && this.services.languageUtils || new S1(B1());
     return t.indexOf(s.getLanguagePartFromCode(e)) > -1 || e.toLowerCase().indexOf("-arab") > 1 ? "rtl" : "ltr";
   }
   static createInstance() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    return new t1(e, t);
+    return new i1(e, t);
   }
   cloneInstance() {
-    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : l1;
+    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : a1;
     const s = e.forkResourceStore;
     s && delete e.forkResourceStore;
     const o = {
       ...this.options,
       ...e,
       isClone: !0
-    }, l = new t1(o);
+    }, l = new i1(o);
     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 = {
       ...this.services
     }, l.services.utils = {
       hasLoadedNamespace: l.hasLoadedNamespace.bind(l)
-    }, s && (l.store = new _1(this.store.data, o), l.services.resourceStore = l.store), l.translator = new g1(l.services, o), l.translator.on("*", function(r) {
+    }, s && (l.store = new V1(this.store.data, o), l.services.resourceStore = l.store), l.translator = new C1(l.services, o), l.translator.on("*", function(r) {
       for (var d = arguments.length, g = new Array(d > 1 ? d - 1 : 0), a = 1; a < d; a++)
         g[a - 1] = arguments[a];
       l.emit(r, ...g);
@@ -8547,22 +8563,22 @@ class t1 extends u1 {
     };
   }
 }
-const _ = t1.createInstance();
-_.createInstance = t1.createInstance;
-_.createInstance;
-_.dir;
-_.init;
-_.loadResources;
-_.reloadResources;
-_.use;
-_.changeLanguage;
-_.getFixedT;
-_.t;
-_.exists;
-_.setDefaultNamespace;
-_.hasLoadedNamespace;
-_.loadNamespaces;
-_.loadLanguages;
+const H = i1.createInstance();
+H.createInstance = i1.createInstance;
+H.createInstance;
+H.dir;
+H.init;
+H.loadResources;
+H.reloadResources;
+H.use;
+H.changeLanguage;
+H.getFixedT;
+H.t;
+H.exists;
+H.setDefaultNamespace;
+H.hasLoadedNamespace;
+H.loadNamespaces;
+H.loadLanguages;
 function e3() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
@@ -8570,11 +8586,11 @@ function e3() {
     $(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
   }
 }
-const Z1 = {};
-function L1() {
+const W1 = {};
+function v1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  $(e[0]) && Z1[e[0]] || ($(e[0]) && (Z1[e[0]] = /* @__PURE__ */ new Date()), e3(...e));
+  $(e[0]) && W1[e[0]] || ($(e[0]) && (W1[e[0]] = /* @__PURE__ */ new Date()), e3(...e));
 }
 const J1 = (i, e) => () => {
   if (i.isInitialized)
@@ -8587,9 +8603,9 @@ const J1 = (i, e) => () => {
     };
     i.on("initialized", t);
   }
-}, W1 = (i, e, t) => {
+}, j1 = (i, e, t) => {
   i.loadNamespaces(e, J1(i, t));
-}, j1 = (i, e, t, s) => {
+}, D1 = (i, e, t, s) => {
   $(t) && (t = [t]), t.forEach((o) => {
     i.options.ns.indexOf(o) < 0 && i.options.ns.push(o);
   }), i.loadLanguages(e, J1(i, s));
@@ -8604,7 +8620,7 @@ const J1 = (i, e) => () => {
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !c(e.isLanguageChangingTo, i) ? !1 : !!(e.hasResourceBundle(s, i) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || c(s, i) && (!o || c(l, i)));
 }, i3 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  return !e.languages || !e.languages.length ? (L1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
+  return !e.languages || !e.languages.length ? (v1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
     lng: t.lng,
     precheck: (o, l) => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && o.services.backendConnector.backend && o.isLanguageChangingTo && !l(o.isLanguageChangingTo, i)) return !1;
@@ -8632,7 +8648,7 @@ const J1 = (i, e) => () => {
   "&#x2F;": "/",
   "&#47;": "/"
 }, r3 = (i) => n3[i], l3 = (i) => i.replace(o3, r3);
-let v1 = {
+let N1 = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
   transEmptyNodeValue: "",
@@ -8644,11 +8660,11 @@ let v1 = {
 };
 const a3 = function() {
   let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  v1 = {
-    ...v1,
+  N1 = {
+    ...N1,
     ...i
   };
-}, h3 = () => v1;
+}, h3 = () => N1;
 let Q1;
 const c3 = (i) => {
   Q1 = i;
@@ -8657,10 +8673,10 @@ const c3 = (i) => {
   init(i) {
     a3(i.options.react), c3(i);
   }
-}, C3 = i1();
+}, C3 = s1();
 class u3 {
   constructor() {
-    R1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
+    M1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
     this.usedNamespaces = {};
   }
   addUsedNamespaces(e) {
@@ -8670,7 +8686,7 @@ class u3 {
   }
 }
 const p3 = (i, e) => {
-  const t = N1();
+  const t = x1();
   return B(() => {
     t.current = i;
   }, [i, e]), t.current;
@@ -8681,13 +8697,13 @@ const p3 = (i, e) => {
   } = e, {
     i18n: s,
     defaultNS: o
-  } = s1(C3) || {}, l = t || s || d3();
+  } = o1(C3) || {}, l = t || s || d3();
   if (l && !l.reportNamespaces && (l.reportNamespaces = new u3()), !l) {
-    L1("You will need to pass in an i18next instance by using initReactI18next");
+    v1("You will need to pass in an i18next instance by using initReactI18next");
     const f = (y, M) => $(M) ? M : s3(M) && $(M.defaultValue) ? M.defaultValue : Array.isArray(y) ? y[y.length - 1] : y, x = [f, {}, !1];
     return x.t = f, x.i18n = {}, x.ready = !1, x;
   }
-  l.options.react && l.options.react.wait !== void 0 && L1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
+  l.options.react && l.options.react.wait !== void 0 && v1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
     ...h3(),
     ...l.options.react,
@@ -8701,15 +8717,15 @@ const p3 = (i, e) => {
   const a = (l.isInitialized || l.initializedStoreOnce) && g.every((f) => i3(f, l, c)), h = f3(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => q1(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [m, N] = S(u);
   let v = g.join();
   e.lng && (v = `${e.lng}${v}`);
-  const E = p3(v), R = N1(!0);
+  const E = p3(v), R = x1(!0);
   B(() => {
     const {
       bindI18n: f,
       bindI18nStore: x
     } = c;
-    R.current = !0, !a && !r && (e.lng ? j1(l, e.lng, g, () => {
+    R.current = !0, !a && !r && (e.lng ? D1(l, e.lng, g, () => {
       R.current && N(p);
-    }) : W1(l, g, () => {
+    }) : j1(l, g, () => {
       R.current && N(p);
     })), a && E && E !== v && R.current && N(p);
     const y = () => {
@@ -8724,14 +8740,14 @@ const p3 = (i, e) => {
   const b = [m, l, a];
   if (b.t = m, b.i18n = l, b.ready = a, a || !a && !r) return b;
   throw new Promise((f) => {
-    e.lng ? j1(l, e.lng, g, () => f()) : W1(l, g, () => f());
+    e.lng ? D1(l, e.lng, g, () => f()) : j1(l, g, () => f());
   });
 }, m3 = "Country", k3 = {
   placeholder: m3
 }, L3 = "Страна", v3 = {
   placeholder: L3
 };
-_.use(g3).init({
+H.use(g3).init({
   defaultNS: "common",
   lng: "en",
   resources: {
@@ -8743,9 +8759,9 @@ _.use(g3).init({
     }
   }
 });
-const H3 = C1(
+const _3 = u1(
   ({ width: i, selectedCity: e, setSelectedCity: t, onChange: s, value: o, id: l, disabled: c }, r) => {
-    const [d, g] = S([]), [a, h] = S([]), [u, p] = S(!1), { locale: m, axiosPeople: N } = s1(ne);
+    const [d, g] = S([]), [a, h] = S([]), [u, p] = S(!1), { locale: m, axiosPeople: N } = o1(ne);
     if (!N)
       throw new Error(
         `CountrySelect requires "axiosPeople" to fetch counties. 
@@ -8788,7 +8804,7 @@ const H3 = C1(
       b === null ? (s(""), t && t("")) : (s(b), t && t(""));
     };
     return /* @__PURE__ */ n("div", { className: "snmt-country-select", children: /* @__PURE__ */ n(
-      _5,
+      H5,
       {
         id: l,
         width: i,
@@ -8804,5 +8820,5 @@ const H3 = C1(
   }
 );
 export {
-  H3 as CountrySelect
+  _3 as CountrySelect
 };

package/dist/index.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.snmt-flex.inherit{flex-wrap:inherit}.snmt-avatar.ant-avatar{border:0;background-color:var(--grey-dark-5);color:var(--grey-light-0);font-family:Montserrat,sans-serif}.snmt-avatar.image.ant-avatar{background-color:transparent}.snmt-checkbox .ant-checkbox-indeterminate .ant-checkbox-inner:after{height:2px;background-color:var(--grey-light-0)}.snmt-checkbox .ant-checkbox+span{padding-inline-start:12px;padding-inline-end:unset;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0;text-align:left}:not(.ant-checkbox-indeterminate).ant-checkbox-checked .ant-checkbox-inner:after{transform:rotate(45deg) scale(1) translate(-40%,-60%)}.ant-checkbox-inner{width:20px!important;height:20px!important}.ant-checkbox-checked .ant-checkbox-inner,.snmt-checkbox-light.ant-checkbox-checked .ant-checkbox-inner:hover{background-color:var(--blue-primary);border-color:var(--blue-primary)}.snmt-checkbox-light:not(.ant-checkbox-checked):hover .ant-checkbox-inner{border:1px solid var(--grey-dark-1)}.snmt-checkbox-light+span{color:var(--grey-light-0)}.snmt-checkbox-dark .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-inner{background-color:var(--grey-dark-4);border:1px solid var(--grey-dark-4)}.snmt-checkbox-dark .ant-checkbox:not(.ant-checkbox-checked):hover .ant-checkbox-inner{background-color:var(--grey-dark-3);border:1px solid var(--grey-dark-3)}.snmt-checkbox-dark .ant-checkbox+span{color:var(--grey-light-0)}.snmt-tag{display:flex;align-items:center;justify-content:center;border-radius:4px;border:none;margin-inline-end:0;padding:2px 6px;height:20px;background:var(--grey-light-2)}.snmt-tag .ant-tag-close-icon{display:flex;align-items:center;margin-inline-start:6px}.snmt-tag .ant-tag-close-icon:hover>path{fill:var(--blue-primary);transition:fill .2s ease-in-out}.snmt-tag.medium{padding:4px 8px;height:28px}.snmt-tag.medium .ant-tag-close-icon{margin-inline-start:7.75px}.clickable{cursor:pointer}:root{--grey-light-0: #ffffff;--grey-light-1: #fbfbfb;--grey-light-2: #f4f4f5;--grey-light-3: #e6e6e9;--grey-light-4: #d0d0d7;--grey-dark-1: #babac4;--grey-dark-2: #8b8b9d;--grey-dark-3: #6f6f83;--grey-dark-4: #35353f;--grey-dark-5: #131314;--blue-primary: #004ed7;--blue-hover: #003899;--blue-light-1: #ebf2ff;--blue-light-2: #deeaff;--blue-light-3: #c3d9ff;--blue-light-4: #a5c6ff;--blue-dark-1: #498bff;--purple-light: #f2e5ff;--purple-dark: #6900d1;--notification-warning-light: #fff4e8;--notification-warning-dark: #d17100;--notification-success-light: #e0ffdb;--notification-success-dark: #0f6e00;--notification-error-light: #ffecec;--notification-error-dark: #d20000;--notification-error-dark-mode: #e50f00}.snmt-typography.ant-typography{color:var(--blue-dark-3);font-family:Montserrat,sans-serif;font-style:normal;font-feature-settings:"clig" off,"liga" off;line-height:normal;margin:0!important}.snmt-typography.snmt-typography-h1{font-size:29px;font-weight:700;line-height:110%}.snmt-typography.snmt-typography-h2{font-size:25px;font-weight:600;line-height:120%}.snmt-typography.snmt-typography-h3{font-size:21px;font-weight:600;line-height:116%}.snmt-typography.snmt-typography-h4{font-size:19px;font-weight:600;line-height:124%}.snmt-typography.snmt-typography-h5{font-size:16px;font-weight:600;line-height:124%}.snmt-typography.snmt-typography-body1{font-size:16px;font-weight:500;line-height:144%}.snmt-typography.snmt-typography-body2{font-size:14px;font-weight:500;line-height:144%}.snmt-typography.snmt-typography-body3{font-size:12px;font-weight:600;line-height:120%}.snmt-typography.snmt-typography-body4{font-size:12px;font-weight:500;line-height:120%}.snmt-typography.snmt-typography-caption{font-size:10px;font-weight:500;line-height:120%}.snmt-typography.snmt-typography-button{font-size:14px;font-weight:600;line-height:116%}.snmt-typography.snmt-typography-tag{font-size:9px;font-weight:500;line-height:116%}.snmt-typography.snmt-typography-link{font-size:16px;font-weight:500;line-height:120%;text-decoration:underline;cursor:pointer}.snmt-typography.snmt-typography-align-center{text-align:center}.snmt-typography.snmt-typography-align-justify{text-align:justify}.snmt-typography.snmt-typography-align-left{text-align:left}.snmt-typography.snmt-typography-align-right{text-align:right}.snmt-typography.collapsed{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-button{width:fit-content;display:flex;align-items:center;border:none;margin-inline-end:3px;padding:2px 6px;height:20px;cursor:pointer;background:var(--grey-light-2)}.overflow-button:hover{background:var(--blue-light-1)}.overflow-button.open{background:var(--blue-light-2)}.snmt-popover{z-index:1050!important}.snmt-popover .ant-popover-inner{padding:0}.snmt-popover.padding .ant-popover-inner{padding:16px}.wrapper{cursor:pointer}.snmt-select{width:100%;position:relative;height:48px}.snmt-select .snmt-select-blank .ant-select-selector{border:none!important}.snmt-select .ant-select{height:100%;pointer-events:none;width:100%;border-radius:8px}.snmt-select .ant-select .wrapper-suffix-icon{pointer-events:none;display:flex;align-items:center;gap:10px}.snmt-select .ant-select-focused .ant-select-selector{box-shadow:none!important}.snmt-select .ant-select-selector{pointer-events:all;border:1px solid var(--grey-light-4)!important;border-radius:8px!important;height:100%!important;padding:8px 16px!important}.snmt-select .ant-select-selector:hover{border-color:var(--blue-dark-1)!important}.snmt-select .ant-select-selection-placeholder{font-size:16px!important;font-weight:500;color:var(--grey-dark-2);font-family:Montserrat,sans-serif;text-align:left!important}.snmt-select .ant-select-selection-search{margin-inline-start:0px!important;font-size:16px;font-weight:500}.snmt-select .ant-select-selection-search input{font-size:16px!important;font-weight:500!important;color:var(--grey-dark-5)!important}.snmt-select .ant-select-arrow div{pointer-events:all;position:relative;z-index:10}.snmt-select .ant-select-selection-overflow-item-rest .ant-tag-close-icon{display:none}.snmt-select .ant-select-disabled .ant-select-arrow div{pointer-events:none!important;cursor:not-allowed!important}.snmt-select .ant-select-single .ant-select-selection-item{font-family:Montserrat,sans-serif;font-weight:500;color:var(--grey-dark-5);font-size:16px}.snmt-select .ant-select-single .ant-select-selection-item img{display:none}.snmt-select .ant-select-multiple .ant-select-selector{padding:9px 48px 9px 16px!important}.snmt-select .ant-select-multiple .ant-select-selection-placeholder{inset-inline-start:0px;inset-inline-end:16px}.snmt-select .ant-select-multiple .ant-select-selection-item{background-color:var(--grey-light-2)}.snmt-select .ant-select-multiple .ant-select-selection-item-content{font-family:Montserrat,sans-serif;color:var(--grey-dark-5);font-weight:500;font-size:12px;margin-inline-end:6px}.snmt-select .ant-select-multiple .ant-select-selection-item-content img{display:none}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item .tag-wrapper{margin:0 3px}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item-rest .ant-select-selection-item{margin-inline-start:3px;margin-inline-end:0;margin-block:0;padding-inline-start:0;padding-inline-end:0;height:22px;background:transparent}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item-rest .ant-select-selection-item-content{margin:0}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item:first-of-type .tag-wrapper{margin-left:0;margin-right:3px}.snmt-select .ant-select-multiple .ant-select-selection-overflow .custom-placeholder{position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;font-size:16px;font-weight:500;color:var(--grey-dark-2);font-family:Montserrat,sans-serif;text-align:left}.snmt-select .ant-select-open .ant-select-selector{box-shadow:none!important;border-color:var(--blue-primary)!important}.snmt-select .select-arrow{transition:transform .3s ease;position:relative;z-index:2}.snmt-select .select-arrow-rotated{transition:transform .3s ease;transform:rotate(180deg)}.snmt-select fieldset{position:absolute;min-width:0;margin:0;padding:0 11px;top:-6px;right:0;bottom:0;left:0;border:1px solid;border-color:var(--grey-light-4);border-radius:8px;text-align:left;pointer-events:none}.snmt-select fieldset>legend{max-width:0;height:14px;padding:0;font-size:12px}.snmt-select fieldset>legend>span{padding:0 5px;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.snmt-select-focused{border-color:var(--blue-primary)!important;border-width:2px}.snmt-select-read-only .ant-select-selector{background-color:var(--grey-light-2);cursor:not-allowed;pointer-events:none!important}.snmt-select-read-only .ant-select-arrow{pointer-events:all!important;cursor:pointer}.snmt-select-read-only .ant-select{pointer-events:auto!important}.snmt-select-read-only .ant-select-selection-item,.snmt-select-read-only .ant-select-selection-placeholder{color:var(--grey-dark-1)!important}.snmt-select:not(.ant-select-disabled):not(.snmt-select-error):not(.snmt-select-focused):hover fieldset{border-color:var(--blue-dark-1)!important;color:var(--blue-dark-1)!important;box-shadow:none!important}.dropdown-read-only .rc-virtual-list{pointer-events:none}.ant-select-dropdown{padding:0}.ant-select-dropdown .ant-select-item{border-radius:0}.ant-select-dropdown .ant-select-item-option{padding:14px 16px}.ant-select-dropdown .ant-select-item-option-state{display:none}.ant-select-dropdown .ant-select-item-option-active{background-color:var(--blue-light-1)!important}.ant-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content span{color:var(--grey-light-4)!important}.ant-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content img{filter:opacity(.5)}.ant-select-dropdown .ant-select-item-option-content span{font-family:Montserrat,sans-serif;color:var(--grey-dark-5);font-weight:500}.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background-color:transparent}.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-content span{font-weight:500!important}.ant-select-dropdown .rc-virtual-list-holder{overflow-y:auto!important}.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar{width:6px}.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-thumb{background:var(--grey-light-4);border-radius:10px}.ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector{background:var(--grey-light-2);border:none!important}.ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item{color:var(--grey-dark-1)!important}.rc-virtual-list-scrollbar.rc-virtual-list-scrollbar-vertical{visibility:hidden!important}.snmt-select-single{height:48px}.snmt-select-single .ant-select-item-option-state{display:block}.fieldset-focused>legend,.fieldset-disabled>legend,.fieldset-filled>legend{max-width:100%!important}.fieldset-focused>legend>span,.fieldset-disabled>legend>span,.fieldset-filled>legend>span{opacity:1!important}.fieldset-focused{border-color:var(--blue-primary)!important;color:var(--blue-primary)!important;border-width:2px!important}.fieldset-disabled{border:none!important;color:var(--grey-dark-1)}.fieldset-filled{border-color:var(--grey-light-4);color:var(--grey-light-4)}.snmt-loader{display:inline-block;aspect-ratio:1;animation:loader 1s infinite linear}@keyframes loader{33%{background-position:0% 50%,50% 100%,100% 100%}50%{background-position:0% 0%,50% 50%,100% 100%}66%{background-position:0% 0%,50% 0%,100% 50%}to{background-position:0% 0%,50% 0%,100% 0%}}
+@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.snmt-flex.inherit{flex-wrap:inherit}.snmt-avatar.ant-avatar{border:0;background-color:var(--grey-dark-5);color:var(--grey-light-0);font-family:Montserrat,sans-serif}.snmt-avatar.image.ant-avatar{background-color:transparent}.snmt-checkbox .ant-checkbox-indeterminate .ant-checkbox-inner:after{height:2px;background-color:var(--grey-light-0)}.snmt-checkbox .ant-checkbox+span{padding-inline-start:12px;padding-inline-end:unset;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0;text-align:left}:not(.ant-checkbox-indeterminate).ant-checkbox-checked .ant-checkbox-inner:after{transform:rotate(45deg) scale(1) translate(-40%,-60%)}.ant-checkbox-inner{width:20px!important;height:20px!important}.ant-checkbox-checked .ant-checkbox-inner,.snmt-checkbox-light.ant-checkbox-checked .ant-checkbox-inner:hover{background-color:var(--blue-primary);border-color:var(--blue-primary)}.snmt-checkbox-light:not(.ant-checkbox-checked):hover .ant-checkbox-inner{border:1px solid var(--grey-dark-1)}.snmt-checkbox-light+span{color:var(--grey-light-0)}.snmt-checkbox-dark .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-inner{background-color:var(--grey-dark-4);border:1px solid var(--grey-dark-4)}.snmt-checkbox-dark .ant-checkbox:not(.ant-checkbox-checked):hover .ant-checkbox-inner{background-color:var(--grey-dark-3);border:1px solid var(--grey-dark-3)}.snmt-checkbox-dark .ant-checkbox+span{color:var(--grey-light-0)}.snmt-tag{display:flex;align-items:center;justify-content:center;border-radius:4px;border:none;margin-inline-end:0;padding:2px 6px;height:20px;background:var(--grey-light-2)}.snmt-tag .ant-tag-close-icon{display:flex;align-items:center;margin-inline-start:6px}.snmt-tag:not(.disabled) .ant-tag-close-icon:hover>path{fill:var(--blue-primary);transition:fill .2s ease-in-out}.snmt-tag.medium{padding:4px 8px;height:28px}.snmt-tag.medium .ant-tag-close-icon{margin-inline-start:7.75px}.snmt-tag.disabled{background:var(--grey-light-3)}.clickable{cursor:pointer}:root{--grey-light-0: #ffffff;--grey-light-1: #fbfbfb;--grey-light-2: #f4f4f5;--grey-light-3: #e6e6e9;--grey-light-4: #d0d0d7;--grey-dark-1: #babac4;--grey-dark-2: #8b8b9d;--grey-dark-3: #6f6f83;--grey-dark-4: #35353f;--grey-dark-5: #131314;--blue-primary: #004ed7;--blue-hover: #003899;--blue-light-1: #ebf2ff;--blue-light-2: #deeaff;--blue-light-3: #c3d9ff;--blue-light-4: #a5c6ff;--blue-dark-1: #498bff;--purple-light: #f2e5ff;--purple-dark: #6900d1;--notification-warning-light: #fff4e8;--notification-warning-dark: #d17100;--notification-success-light: #e0ffdb;--notification-success-dark: #0f6e00;--notification-error-light: #ffecec;--notification-error-dark: #d20000;--notification-error-dark-mode: #e50f00}.snmt-typography.ant-typography{color:var(--blue-dark-3);font-family:Montserrat,sans-serif;font-style:normal;font-feature-settings:"clig" off,"liga" off;line-height:normal;margin:0!important}.snmt-typography.snmt-typography-h1{font-size:29px;font-weight:700;line-height:110%}.snmt-typography.snmt-typography-h2{font-size:25px;font-weight:600;line-height:120%}.snmt-typography.snmt-typography-h3{font-size:21px;font-weight:600;line-height:116%}.snmt-typography.snmt-typography-h4{font-size:19px;font-weight:600;line-height:124%}.snmt-typography.snmt-typography-h5{font-size:16px;font-weight:600;line-height:124%}.snmt-typography.snmt-typography-body1{font-size:16px;font-weight:500;line-height:144%}.snmt-typography.snmt-typography-body2{font-size:14px;font-weight:500;line-height:144%}.snmt-typography.snmt-typography-body3{font-size:12px;font-weight:600;line-height:120%}.snmt-typography.snmt-typography-body4{font-size:12px;font-weight:500;line-height:120%}.snmt-typography.snmt-typography-caption{font-size:10px;font-weight:500;line-height:120%}.snmt-typography.snmt-typography-button{font-size:14px;font-weight:600;line-height:116%}.snmt-typography.snmt-typography-tag{font-size:9px;font-weight:500;line-height:116%}.snmt-typography.snmt-typography-link{font-size:16px;font-weight:500;line-height:120%;text-decoration:underline;cursor:pointer}.snmt-typography.snmt-typography-align-center{text-align:center}.snmt-typography.snmt-typography-align-justify{text-align:justify}.snmt-typography.snmt-typography-align-left{text-align:left}.snmt-typography.snmt-typography-align-right{text-align:right}.snmt-typography.collapsed{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-button{width:fit-content;display:flex;align-items:center;border:none;margin-inline-end:3px;padding:2px 6px;height:20px;cursor:pointer;background:var(--grey-light-2)}.overflow-button:hover{background:var(--blue-light-1)}.overflow-button.open{background:var(--blue-light-2)}.snmt-popover{z-index:1050!important}.snmt-popover .ant-popover-inner{padding:0}.snmt-popover.padding .ant-popover-inner{padding:16px}.wrapper{cursor:pointer}.snmt-select{width:100%;position:relative;height:48px;font-family:Montserrat,sans-serif;font-weight:500}.snmt-select .snmt-select-blank .ant-select-selector{border:none!important}.snmt-select .ant-select{height:100%;pointer-events:none;width:100%;border-radius:8px}.snmt-select .ant-select .wrapper-suffix-icon{pointer-events:none;display:flex;align-items:center;gap:10px}.snmt-select .ant-select-focused .ant-select-selector{box-shadow:none!important}.snmt-select .ant-select-selector{pointer-events:all;border:1px solid var(--grey-light-4)!important;border-radius:8px!important;height:100%!important;padding:8px 16px!important}.snmt-select .ant-select-selector:hover{border-color:var(--blue-dark-1)!important}.snmt-select .ant-select-selection-placeholder{font-size:16px!important;font-weight:500;color:var(--grey-dark-2);font-family:Montserrat,sans-serif;text-align:left!important}.snmt-select .ant-select-selection-search{margin-inline-start:0px!important;font-size:16px;font-weight:500}.snmt-select .ant-select-selection-search input{font-size:16px!important;font-weight:500!important;color:var(--grey-dark-5)!important}.snmt-select .ant-select-arrow div{pointer-events:all;position:relative;z-index:10}.snmt-select .ant-select-selection-overflow-item-rest .ant-tag-close-icon{display:none}.snmt-select .ant-select-disabled .ant-select-arrow div{pointer-events:none!important;cursor:not-allowed!important}.snmt-select .ant-select-single .ant-select-selection-item{font-family:Montserrat,sans-serif;font-weight:500;color:var(--grey-dark-5);font-size:16px}.snmt-select .ant-select-single .ant-select-selection-item img{display:none}.snmt-select .ant-select-multiple .ant-select-selector{padding:9px 48px 9px 16px!important}.snmt-select .ant-select-multiple .ant-select-selection-placeholder{inset-inline-start:0px;inset-inline-end:16px}.snmt-select .ant-select-multiple .ant-select-selection-item{background-color:var(--grey-light-2)}.snmt-select .ant-select-multiple .ant-select-selection-item-content{font-family:Montserrat,sans-serif;color:var(--grey-dark-5);font-weight:500;font-size:12px;margin-inline-end:6px}.snmt-select .ant-select-multiple .ant-select-selection-item-content img{display:none}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item .tag-wrapper{margin:0 3px}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item-rest .ant-select-selection-item{margin-inline-start:3px;margin-inline-end:0;margin-block:0;padding-inline-start:0;padding-inline-end:0;height:22px;background:transparent}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item-rest .ant-select-selection-item-content{margin:0}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item:first-of-type .tag-wrapper{margin-left:0;margin-right:3px}.snmt-select .ant-select-multiple .ant-select-selection-overflow .custom-placeholder{position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;font-size:16px;font-weight:500;color:var(--grey-dark-2);font-family:Montserrat,sans-serif;text-align:left}.snmt-select .ant-select-open .ant-select-selector{box-shadow:none!important;border-color:var(--blue-primary)!important}.snmt-select .select-arrow{transition:transform .3s ease;position:relative;z-index:2}.snmt-select .select-arrow-rotated{transition:transform .3s ease;transform:rotate(180deg)}.snmt-select fieldset{position:absolute;min-width:0;margin:0;padding:0 11px;top:-6px;right:0;bottom:0;left:0;border:1px solid;border-color:var(--grey-light-4);border-radius:8px;text-align:left;pointer-events:none}.snmt-select fieldset>legend{max-width:0;height:14px;padding:0;font-size:12px}.snmt-select fieldset>legend>span{padding:0 5px;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.snmt-select-focused{border-color:var(--blue-primary)!important;border-width:2px}.snmt-select-read-only .ant-select-selector{background-color:var(--grey-light-2);cursor:not-allowed;pointer-events:none!important}.snmt-select-read-only .ant-select-arrow{pointer-events:all!important;cursor:pointer}.snmt-select-read-only .ant-select{pointer-events:auto!important}.snmt-select-read-only .ant-select-selection-item,.snmt-select-read-only .ant-select-selection-placeholder{color:var(--grey-dark-1)!important}.snmt-select:not(.ant-select-disabled):not(.snmt-select-error):not(.snmt-select-focused):hover fieldset:not(.fieldset-disabled){border-color:var(--blue-dark-1)!important;color:var(--blue-dark-1)!important;box-shadow:none!important}.dropdown-read-only .rc-virtual-list{pointer-events:none}.ant-select-dropdown{padding:0}.ant-select-dropdown .ant-select-item{border-radius:0}.ant-select-dropdown .ant-select-item-option{padding:14px 16px}.ant-select-dropdown .ant-select-item-option-state{display:none}.ant-select-dropdown .ant-select-item-option-active{background-color:var(--blue-light-1)!important}.ant-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content span{color:var(--grey-light-4)!important}.ant-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content img{filter:opacity(.5)}.ant-select-dropdown .ant-select-item-option-content span{font-family:Montserrat,sans-serif;color:var(--grey-dark-5);font-weight:500}.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background-color:transparent}.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-content span{font-weight:500!important}.ant-select-dropdown .rc-virtual-list-holder{overflow-y:auto!important}.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar{width:6px}.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-thumb{background:var(--grey-light-4);border-radius:10px}.ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector{background:var(--grey-light-2);border:none!important}.ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item{color:var(--grey-dark-1)!important}.rc-virtual-list-scrollbar.rc-virtual-list-scrollbar-vertical{visibility:hidden!important}.snmt-select-single{height:48px}.snmt-select-single .ant-select-item-option-state{display:block}.fieldset-focused>legend,.fieldset-disabled>legend,.fieldset-filled>legend{max-width:100%!important}.fieldset-focused>legend>span,.fieldset-disabled>legend>span,.fieldset-filled>legend>span{opacity:1!important}.fieldset-focused{border-color:var(--blue-primary)!important;color:var(--blue-primary)!important;border-width:2px!important}.fieldset-disabled{border:none!important;color:var(--grey-dark-1)}.fieldset-filled{border-color:var(--grey-light-4);color:var(--grey-dark-2)}.snmt-loader{display:inline-block;aspect-ratio:1;animation:loader 1s infinite linear}@keyframes loader{33%{background-position:0% 50%,50% 100%,100% 100%}50%{background-position:0% 0%,50% 50%,100% 100%}66%{background-position:0% 0%,50% 0%,100% 50%}to{background-position:0% 0%,50% 0%,100% 0%}}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@snmt-react-ui/country-select",
     "private": false,
-    "version": "2.3.5",
+    "version": "2.3.7",
     "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.4.0",
+        "@snmt-react-ui/city-select": "^2.4.2",
         "@snmt-react-ui/core": "^2.1.0",
         "@snmt-react-ui/flex": "^1.5.0",
         "i18next": "^23.11.5",
@@ -27,5 +27,5 @@
     "peerDependencies": {
         "antd": "^5.18.3"
     },
-    "gitHead": "b213c98ea51eb8c56eab6fe705b4a79475ba2b28"
+    "gitHead": "2a9889476119b7aa34318a0bc7dd3c1881294e9b"
 }