@snmt-react-ui/city-select 2.8.21 → 2.8.22

package/dist/city-select.js

@@ -2,23 +2,23 @@ var L2 = Object.defineProperty;
 var k2 = (i, e, t) => e in i ? L2(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
 var K1 = (i, e, t) => k2(i, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
-import { jsx as r, Fragment as i1, jsxs as C } from "react/jsx-runtime";
+import { jsx as r, Fragment as n1, jsxs as C } from "react/jsx-runtime";
 import { SNMTUiContext as v2 } from "@snmt-react-ui/core";
-import { forwardRef as r1, useState as O, useRef as B, useCallback as K, useEffect as S, useMemo as N2, useImperativeHandle as C1, useContext as o1, createContext as a1 } from "react";
-import { Select as R2, Tag as x2, Flex as _2, Checkbox as M2, Avatar as y2, Typography as E1, Popover as b2 } from "antd";
+import { forwardRef as o1, useState as O, useRef as B, useCallback as K, useEffect as S, useMemo as N2, useImperativeHandle as C1, useContext as a1, createContext as l1 } from "react";
+import { Select as R2, Tag as x2, Flex as _2, Checkbox as M2, Avatar as b2, Typography as E1, Popover as y2 } from "antd";
 var E2 = Object.defineProperty, H2 = (i, e, t) => e in i ? E2(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, I2 = (i, e, t) => H2(i, e + "", t), A2 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function V2() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
       e[t] = arguments[t];
-    n1(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
+    s1(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
   }
 }
 const B1 = {};
 function O1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  n1(e[0]) && B1[e[0]] || (n1(e[0]) && (B1[e[0]] = /* @__PURE__ */ new Date()), V2(...e));
+  s1(e[0]) && B1[e[0]] || (s1(e[0]) && (B1[e[0]] = /* @__PURE__ */ new Date()), V2(...e));
 }
 const l2 = (i, e) => () => {
   if (i.isInitialized)
@@ -34,7 +34,7 @@ const l2 = (i, e) => () => {
 }, Y1 = (i, e, t) => {
   i.loadNamespaces(e, l2(i, t));
 }, P1 = (i, e, t, n) => {
-  n1(t) && (t = [t]), t.forEach((s) => {
+  s1(t) && (t = [t]), t.forEach((s) => {
     i.options.ns.indexOf(s) < 0 && i.options.ns.push(s);
   }), i.loadLanguages(e, l2(i, n));
 }, O2 = function(i, e) {
@@ -54,7 +54,7 @@ const l2 = (i, e) => () => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && n.services.backendConnector.backend && n.isLanguageChangingTo && !s(n.isLanguageChangingTo, i)) return !1;
     }
   }) : O2(i, e, t);
-}, n1 = (i) => typeof i == "string", S2 = (i) => typeof i == "object" && i !== null, Z2 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, T2 = {
+}, s1 = (i) => typeof i == "string", S2 = (i) => typeof i == "object" && i !== null, Z2 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, T2 = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -88,7 +88,7 @@ let B2 = {
 };
 const Y2 = () => B2;
 let P2;
-const j2 = () => P2, $2 = a1();
+const j2 = () => P2, $2 = l1();
 class F2 {
   constructor() {
     I2(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
@@ -111,10 +111,10 @@ const W2 = (i, e) => {
   } = e, {
     i18n: n,
     defaultNS: s
-  } = o1($2) || {}, o = t || n || j2();
+  } = a1($2) || {}, o = t || n || j2();
   if (o && !o.reportNamespaces && (o.reportNamespaces = new F2()), !o) {
     O1("You will need to pass in an i18next instance by using initReactI18next");
-    const p = (_, R) => n1(R) ? R : S2(R) && n1(R.defaultValue) ? R.defaultValue : Array.isArray(_) ? _[_.length - 1] : _, N = [p, {}, !1];
+    const p = (_, R) => s1(R) ? R : S2(R) && s1(R.defaultValue) ? R.defaultValue : Array.isArray(_) ? _[_.length - 1] : _, N = [p, {}, !1];
     return N.t = p, N.i18n = {}, N.ready = !1, N;
   }
   o.options.react && o.options.react.wait !== void 0 && O1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
@@ -127,29 +127,29 @@ const W2 = (i, e) => {
     keyPrefix: l
   } = h;
   let a = i;
-  a = n1(a) ? [a] : a || ["translation"], o.reportNamespaces.addUsedNamespaces && o.reportNamespaces.addUsedNamespaces(a);
+  a = s1(a) ? [a] : a || ["translation"], o.reportNamespaces.addUsedNamespaces && o.reportNamespaces.addUsedNamespaces(a);
   const c = (o.isInitialized || o.initializedStoreOnce) && a.every((p) => G2(p, o, h)), u = U2(o, e.lng || null, h.nsMode === "fallback" ? a : a[0], l), g = () => u, f = () => c2(o, e.lng || null, h.nsMode === "fallback" ? a : a[0], l), [w, L] = O(g);
   let m = a.join();
   e.lng && (m = `${e.lng}${m}`);
-  const y = W2(m), b = B(!0);
+  const b = W2(m), y = B(!0);
   S(() => {
     const {
       bindI18n: p,
       bindI18nStore: N
     } = h;
-    b.current = !0, !c && !d && (e.lng ? P1(o, e.lng, a, () => {
-      b.current && L(f);
+    y.current = !0, !c && !d && (e.lng ? P1(o, e.lng, a, () => {
+      y.current && L(f);
     }) : Y1(o, a, () => {
-      b.current && L(f);
-    })), c && y && y !== m && b.current && L(f);
+      y.current && L(f);
+    })), c && b && b !== m && y.current && L(f);
     const _ = () => {
-      b.current && L(f);
+      y.current && L(f);
     };
     return p && o && o.on(p, _), N && o && o.store.on(N, _), () => {
-      b.current = !1, p && o && p.split(" ").forEach((R) => o.off(R, _)), N && o && N.split(" ").forEach((R) => o.store.off(R, _));
+      y.current = !1, p && o && p.split(" ").forEach((R) => o.off(R, _)), N && o && N.split(" ").forEach((R) => o.store.off(R, _));
     };
   }, [o, m]), S(() => {
-    b.current && c && L(g);
+    y.current && c && L(g);
   }, [o, l, c]);
   const H = [w, o, c];
   if (H.t = w, H.i18n = o, H.ready = c, c || !c && !d) return H;
@@ -183,7 +183,7 @@ const W2 = (i, e) => {
   h2: 2,
   h3: 3,
   h4: 4
-}, j1 = r1(
+}, j1 = o1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -205,9 +205,9 @@ const W2 = (i, e) => {
         a.current && u(a.current.scrollWidth > a.current.clientWidth);
       };
       m();
-      const y = new ResizeObserver(m);
-      return a.current && y.observe(a.current), (L = a.current) != null && L.parentElement && y.observe(a.current.parentElement), () => {
-        y.disconnect();
+      const b = new ResizeObserver(m);
+      return a.current && b.observe(a.current), (L = a.current) != null && L.parentElement && b.observe(a.current.parentElement), () => {
+        b.disconnect();
       };
     }, [d]);
     const g = e === "h1" || e === "h2" || e === "h3" || e === "h4";
@@ -229,13 +229,13 @@ const W2 = (i, e) => {
   }
 );
 var G1 = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", 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_0_5 = "var(--blue-light-0-5)", 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.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-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))(G1 || {});
-const X2 = a1({
+const X2 = l1({
   locale: "en",
   theme: "light"
 });
 X2.Provider;
-const e5 = ({ children: i, label: e, variant: t = "small", src: n }) => {
-  const s = typeof n == "string", o = {
+const e5 = ({ label: i, variant: e = "small", src: t, fallbackText: n }) => {
+  const s = t != null && t.trim() ? t : void 0, o = {
     large: 80,
     medium: 48,
     small: 32,
@@ -255,24 +255,23 @@ const e5 = ({ children: i, label: e, variant: t = "small", src: n }) => {
     "div",
     {
       className: "snmt-avatar-with-label-wrapper",
-      style: { gap: e ? t === "large" || t === "medium" ? 12 : 8 : 0 },
+      style: { gap: i ? e === "large" || e === "medium" ? 12 : 8 : 0 },
       children: [
         /* @__PURE__ */ r(
-          y2,
+          b2,
           {
             className: `snmt-avatar ${s ? "image" : ""}`,
-            shape: "circle",
-            src: n,
-            size: o[t],
-            children: /* @__PURE__ */ r(j1, { color: G1.GREY_LIGHT_0, variant: h[t], children: i })
+            src: s,
+            size: o[e],
+            children: /* @__PURE__ */ r(j1, { color: G1.GREY_LIGHT_0, variant: h[e], children: !s && n })
           }
         ),
-        e && /* @__PURE__ */ r(
+        i && /* @__PURE__ */ r(
           j1,
           {
             color: G1.GREY_DARK_5,
-            variant: t ? d[t] : "body2",
-            children: e
+            variant: e ? d[e] : "body2",
+            children: i
           }
         )
       ]
@@ -280,7 +279,7 @@ const e5 = ({ children: i, label: e, variant: t = "small", src: n }) => {
   );
 };
 var U = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", 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_0_5 = "var(--blue-light-0-5)", 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.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-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))(U || {});
-const D1 = a1({
+const D1 = l1({
   locale: "en",
   theme: "light"
 });
@@ -290,7 +289,7 @@ const { Title: t5, Text: i5 } = E1, n5 = {
   h2: 2,
   h3: 3,
   h4: 4
-}, s5 = r1(
+}, s5 = o1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -312,9 +311,9 @@ const { Title: t5, Text: i5 } = E1, n5 = {
         a.current && u(a.current.scrollWidth > a.current.clientWidth);
       };
       m();
-      const y = new ResizeObserver(m);
-      return a.current && y.observe(a.current), (L = a.current) != null && L.parentElement && y.observe(a.current.parentElement), () => {
-        y.disconnect();
+      const b = new ResizeObserver(m);
+      return a.current && b.observe(a.current), (L = a.current) != null && L.parentElement && b.observe(a.current.parentElement), () => {
+        b.disconnect();
       };
     }, [d]);
     const g = e === "h1" || e === "h2" || e === "h3" || e === "h4";
@@ -346,7 +345,7 @@ const { Title: t5, Text: i5 } = E1, n5 = {
   S(() => {
     d(i), a(e);
   }, [i, e]);
-  const { theme: c } = o1(D1);
+  const { theme: c } = a1(D1);
   return /* @__PURE__ */ r(
     M2,
     {
@@ -369,7 +368,7 @@ const { Title: t5, Text: i5 } = E1, n5 = {
   );
 };
 var k = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", 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_0_5 = "var(--blue-light-0-5)", 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.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-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 h2 = a1({
+const h2 = l1({
   locale: "en",
   theme: "light"
 });
@@ -1132,7 +1131,7 @@ const o5 = ({
       )
     ]
   }
-), y5 = ({
+), b5 = ({
   width: i = 20,
   height: e = 20,
   color: t = k.GREY_DARK_5,
@@ -1165,7 +1164,7 @@ const o5 = ({
       )
     ]
   }
-), b5 = ({
+), y5 = ({
   width: i = 20,
   height: e = 20,
   color: t = k.GREY_DARK_5,
@@ -2631,8 +2630,8 @@ const o5 = ({
   disabled: o = !1,
   onClick: h
 }) => {
-  const { theme: d } = o1(h2), l = o ? d && d === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : n, a = o ? void 0 : h, c = h && !o ? `${s || ""} clickable` : s;
-  return /* @__PURE__ */ r(i1, { children: (() => {
+  const { theme: d } = a1(h2), l = o ? d && d === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : n, a = o ? void 0 : h, c = h && !o ? `${s || ""} clickable` : s;
+  return /* @__PURE__ */ r(n1, { children: (() => {
     switch (i) {
       case "nextIcon":
         return K5({ width: e, height: t, color: l, className: c, onClick: a });
@@ -2685,9 +2684,9 @@ const o5 = ({
       case "logOut":
         return M5({ width: e, height: t, color: l, className: c, onClick: a });
       case "settings":
-        return y5({ width: e, height: t, color: l, className: c, onClick: a });
-      case "trash":
         return b5({ width: e, height: t, color: l, className: c, onClick: a });
+      case "trash":
+        return y5({ width: e, height: t, color: l, className: c, onClick: a });
       case "settings2":
         return E5({ width: e, height: t, color: l, className: c, onClick: a });
       case "checkCircle":
@@ -2805,7 +2804,7 @@ const o5 = ({
       case "docs":
         return fe({ width: e, height: t, color: l, className: c, onClick: a });
       default:
-        return /* @__PURE__ */ r(i1, { children: "No Icon provided" });
+        return /* @__PURE__ */ r(n1, { children: "No Icon provided" });
     }
   })() });
 }, { Title: pe, Text: me } = E1, we = {
@@ -2813,7 +2812,7 @@ const o5 = ({
   h2: 2,
   h3: 3,
   h4: 4
-}, Le = r1(
+}, Le = o1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -2835,9 +2834,9 @@ const o5 = ({
         a.current && u(a.current.scrollWidth > a.current.clientWidth);
       };
       m();
-      const y = new ResizeObserver(m);
-      return a.current && y.observe(a.current), (L = a.current) != null && L.parentElement && y.observe(a.current.parentElement), () => {
-        y.disconnect();
+      const b = new ResizeObserver(m);
+      return a.current && b.observe(a.current), (L = a.current) != null && L.parentElement && b.observe(a.current.parentElement), () => {
+        b.disconnect();
       };
     }, [d]);
     const g = e === "h1" || e === "h2" || e === "h3" || e === "h4";
@@ -2859,7 +2858,7 @@ const o5 = ({
   }
 );
 var v = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", 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_0_5 = "var(--blue-light-0-5)", 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.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-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))(v || {});
-const d2 = a1({
+const d2 = l1({
   locale: "en",
   theme: "light"
 });
@@ -3068,7 +3067,7 @@ const ke = ({
       }
     )
   }
-), ye = ({
+), be = ({
   width: i = 20,
   height: e = 20,
   color: t = v.GREY_DARK_5,
@@ -3115,7 +3114,7 @@ const ke = ({
       )
     ]
   }
-), be = ({
+), ye = ({
   width: i = 20,
   height: e = 20,
   color: t = v.GREY_DARK_5,
@@ -5018,7 +5017,7 @@ const ke = ({
       )
     ]
   }
-), yt = ({
+), bt = ({
   width: i = 24,
   height: e = 24,
   color: t = v.GREY_DARK_2,
@@ -5058,7 +5057,7 @@ const ke = ({
       )
     ]
   }
-), bt = ({
+), yt = ({
   width: i = 24,
   height: e = 24,
   color: t = v.GREY_DARK_2,
@@ -5121,8 +5120,8 @@ const ke = ({
   disabled: o = !1,
   onClick: h
 }) => {
-  const { theme: d } = o1(d2), l = o ? d && d === "dark" ? v.GREY_LIGHT_4 : v.GREY_DARK_1 : n, a = o ? void 0 : h, c = h && !o ? `${s || ""} clickable` : s;
-  return /* @__PURE__ */ r(i1, { children: (() => {
+  const { theme: d } = a1(d2), l = o ? d && d === "dark" ? v.GREY_LIGHT_4 : v.GREY_DARK_1 : n, a = o ? void 0 : h, c = h && !o ? `${s || ""} clickable` : s;
+  return /* @__PURE__ */ r(n1, { children: (() => {
     switch (i) {
       case "nextIcon":
         return et({ width: e, height: t, color: l, className: c, onClick: a });
@@ -5135,9 +5134,9 @@ const ke = ({
       case "arrowRight":
         return Ne({ width: e, height: t, color: l, className: c, onClick: a });
       case "calendar":
-        return ye({ width: e, height: t, color: l, className: c, onClick: a });
-      case "check":
         return be({ width: e, height: t, color: l, className: c, onClick: a });
+      case "check":
+        return ye({ width: e, height: t, color: l, className: c, onClick: a });
       case "cancel":
         return Ee({ width: e, height: t, color: l, className: c, onClick: a });
       case "add":
@@ -5289,18 +5288,18 @@ const ke = ({
       case "exit":
         return _t({ width: e, height: t, color: l, className: c, onClick: a });
       case "openPointCircle":
-        return yt({ width: e, height: t, color: l, className: c, onClick: a });
-      case "community":
         return bt({ width: e, height: t, color: l, className: c, onClick: a });
+      case "community":
+        return yt({ width: e, height: t, color: l, className: c, onClick: a });
       case "docs":
         return Et({ width: e, height: t, color: l, className: c, onClick: a });
       default:
-        return /* @__PURE__ */ r(i1, { children: "No Icon provided" });
+        return /* @__PURE__ */ r(n1, { children: "No Icon provided" });
     }
   })() });
 };
 var w1 = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", 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_0_5 = "var(--blue-light-0-5)", 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.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-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))(w1 || {});
-const It = a1({
+const It = l1({
   locale: "en",
   theme: "light"
 });
@@ -5348,7 +5347,7 @@ const g2 = ({
   h2: 2,
   h3: 3,
   h4: 4
-}, Gt = r1(
+}, Gt = o1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -5370,9 +5369,9 @@ const g2 = ({
         a.current && u(a.current.scrollWidth > a.current.clientWidth);
       };
       m();
-      const y = new ResizeObserver(m);
-      return a.current && y.observe(a.current), (L = a.current) != null && L.parentElement && y.observe(a.current.parentElement), () => {
-        y.disconnect();
+      const b = new ResizeObserver(m);
+      return a.current && b.observe(a.current), (L = a.current) != null && L.parentElement && b.observe(a.current.parentElement), () => {
+        b.disconnect();
       };
     }, [d]);
     const g = e === "h1" || e === "h2" || e === "h3" || e === "h4";
@@ -5403,7 +5402,7 @@ const g2 = ({
 }) => {
   const [d, l] = O(!1);
   return /* @__PURE__ */ r(
-    b2,
+    y2,
     {
       content: e,
       arrow: !1,
@@ -5438,7 +5437,7 @@ const Tt = ({
   options: o,
   extraOptions: h
 }) => {
-  const { locale: d } = o1(D1), { t: l } = z2("common", { lng: d }), [a, c] = O(!1);
+  const { locale: d } = a1(D1), { t: l } = z2("common", { lng: d }), [a, c] = O(!1);
   if (S(() => {
     i.length || c(!1);
   }, [i]), !i.length)
@@ -5485,7 +5484,7 @@ const Tt = ({
     backgroundSize: "20% calc(200% + 20px)"
   };
   return /* @__PURE__ */ r("span", { className: "snmt-loader", style: s });
-}, F1 = r1(
+}, F1 = o1(
   ({
     value: i,
     onChange: e,
@@ -5504,19 +5503,19 @@ const Tt = ({
     onPopupScroll: w,
     id: L,
     extraOptions: m,
-    dropdownRender: y,
-    optionRender: b,
+    dropdownRender: b,
+    optionRender: y,
     isLoading: H,
     readOnly: p,
     error: N
   }, _) => {
-    const [R, I] = O(!1), [Z, D] = O(!1), [P, Q] = O(!0), [A, j] = O(i), z = B(null);
+    const [R, I] = O(!1), [Z, D] = O(!1), [P, X] = O(!0), [A, j] = O(i), z = B(null);
     S(() => {
       j(i);
     }, [i]);
-    const q = (x) => {
+    const Q = (x) => {
       I(x), g && g(x);
-    }, X = (x, E) => {
+    }, e1 = (x, E) => {
       var G;
       return !!((G = E == null ? void 0 : E.label) != null && G.toString().toLowerCase().includes(x.toLowerCase()));
     }, T = () => {
@@ -5534,7 +5533,7 @@ const Tt = ({
         e == null || e(E);
       },
       [n, e]
-    ), e1 = K(() => {
+    ), t1 = K(() => {
       if (!(p || d)) {
         if (n) {
           $([]);
@@ -5542,7 +5541,7 @@ const Tt = ({
         }
         $("");
       }
-    }, [d, $, n, p]), t1 = K(
+    }, [d, $, n, p]), i1 = K(
       (x) => {
         const E = A.filter((G) => G !== x);
         $(E), j(E);
@@ -5553,18 +5552,18 @@ const Tt = ({
         // if the search input is empty
         // then display the placeholder, else do not display it
         /* @__PURE__ */ r("span", { className: "custom-placeholder", children: P ? t : "" })
-      ) : /* @__PURE__ */ r(i1, {}),
+      ) : /* @__PURE__ */ r(n1, {}),
       [P, A, t]
     ), v1 = (x) => {
       x.preventDefault(), x.stopPropagation();
     }, N1 = async (x) => {
       const { target: E } = x;
       E.scrollTop + E.offsetHeight >= E.scrollHeight - c && (f == null || f(!0)), w && await w(x);
-    }, l1 = K(
+    }, c1 = K(
       (x) => {
         var E, G;
-        return ((E = o.find((c1) => c1.value === x)) == null ? void 0 : E.label) || ((G = m == null ? void 0 : m.find(
-          (c1) => c1.value === x
+        return ((E = o.find((J) => J.value === x)) == null ? void 0 : E.label) || ((G = m == null ? void 0 : m.find(
+          (J) => J.value === x
         )) == null ? void 0 : G.label) || x;
       },
       [m, o]
@@ -5575,7 +5574,7 @@ const Tt = ({
           Tt,
           {
             values: x,
-            onTagClose: t1,
+            onTagClose: i1,
             maxWidth: ((E = z.current) == null ? void 0 : E.clientWidth) || 0,
             disabled: d,
             closable: !p,
@@ -5584,10 +5583,10 @@ const Tt = ({
           }
         );
       },
-      [d, m, t1, o, p]
+      [d, m, i1, o, p]
     ), V = K(
-      ({ label: x, value: E, mode: G }) => G === "filter" ? u1(E) : /* @__PURE__ */ r("div", { onMouseDown: v1, className: "tag-wrapper", children: /* @__PURE__ */ r(g2, { onClose: () => t1(E), disabled: d, children: typeof x == "object" ? x : l1(E) }) }),
-      [d, l1, t1, u1]
+      ({ label: x, value: E, mode: G }) => G === "filter" ? u1(E) : /* @__PURE__ */ r("div", { onMouseDown: v1, className: "tag-wrapper", children: /* @__PURE__ */ r(g2, { onClose: () => i1(E), disabled: d, children: typeof x == "object" ? x : c1(E) }) }),
+      [d, c1, i1, u1]
     ), W = Array.isArray(A) && A.length > 0 || !!A && typeof A == "string" && A.trim() !== "";
     return /* @__PURE__ */ C("div", { className: "snmt-select-container", children: [
       /* @__PURE__ */ C(
@@ -5606,12 +5605,12 @@ const Tt = ({
                 id: L,
                 ref: _,
                 showSearch: !!s,
-                filterOption: s && X,
-                onDropdownVisibleChange: q,
+                filterOption: s && e1,
+                onDropdownVisibleChange: Q,
                 disabled: d,
                 value: A || void 0,
                 labelRender: (x) => {
-                  const E = l1(x.value);
+                  const E = c1(x.value);
                   return d ? /* @__PURE__ */ r("span", { style: { color: U.GREY_DARK_1 }, children: E }) : E;
                 },
                 mode: n === "filter" ? "multiple" : n,
@@ -5619,20 +5618,20 @@ const Tt = ({
                 onFocus: T,
                 onBlur: F,
                 onSearch: (x) => {
-                  Q(!x), u && u(x);
+                  X(!x), u && u(x);
                 },
-                onSelect: () => Q(!0),
-                onDeselect: () => Q(!0),
+                onSelect: () => X(!0),
+                onDeselect: () => X(!0),
                 tagRender: (x) => V({ ...x, mode: n }),
                 maxTagCount: "responsive",
                 maxTagPlaceholder: R1,
                 onPopupScroll: N1,
                 prefix: H && /* @__PURE__ */ r($1, { size: "small" }),
-                suffixIcon: /* @__PURE__ */ r("div", { className: "wrapper-suffix-icon", children: n !== "filter" && /* @__PURE__ */ C(i1, { children: [
+                suffixIcon: /* @__PURE__ */ r("div", { className: "wrapper-suffix-icon", children: n !== "filter" && /* @__PURE__ */ C(n1, { children: [
                   A && !!A.length && (n || a) && /* @__PURE__ */ r(
                     "div",
                     {
-                      onClick: e1,
+                      onClick: t1,
                       style: {
                         cursor: d ? "not-allowed" : "pointer"
                       },
@@ -5657,7 +5656,7 @@ const Tt = ({
                 ] }) }),
                 removeIcon: /* @__PURE__ */ r(f1, { name: "cancelCircle", color: U.GREY_DARK_1 }),
                 options: o,
-                optionRender: (x) => b ? b(x.data) : /* @__PURE__ */ C(m1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                optionRender: (x) => y ? y(x.data) : /* @__PURE__ */ C(m1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                   /* @__PURE__ */ C(m1, { alignItems: "center", gap: 12, children: [
                     n && /* @__PURE__ */ r(
                       r5,
@@ -5666,19 +5665,26 @@ const Tt = ({
                       }
                     ),
                     /* @__PURE__ */ C(m1, { alignItems: "center", gap: 8, children: [
-                      x.data.image && /* @__PURE__ */ r(e5, { src: x.data.image, variant: "xsmall" }),
+                      x.data.image !== void 0 && /* @__PURE__ */ r(
+                        e5,
+                        {
+                          src: x.data.image,
+                          variant: "xsmall",
+                          fallbackText: x.data.imageFallbackText ? x.data.imageFallbackText : ""
+                        }
+                      ),
                       /* @__PURE__ */ r("span", { children: x.label })
                     ] })
                   ] }),
                   !n && A === x.value && /* @__PURE__ */ r(f1, { name: "check", color: U.BLUE_DARK_1 })
                 ] }),
                 dropdownRender: (x) => /* @__PURE__ */ C("div", { className: "dropdown-container", children: [
-                  /* @__PURE__ */ r("div", { className: "dropdown-menu", children: y ? y(x) : x }),
+                  /* @__PURE__ */ r("div", { className: "dropdown-menu", children: b ? b(x) : x }),
                   H && /* @__PURE__ */ r("div", { className: "loading-overlay", children: /* @__PURE__ */ r($1, {}) })
                 ] })
               }
             ),
-            t && /* @__PURE__ */ C(i1, { children: [
+            t && /* @__PURE__ */ C(n1, { children: [
               /* @__PURE__ */ r(
                 "label",
                 {
@@ -5731,7 +5737,7 @@ function W1(i) {
 }
 const I1 = 100, h1 = {
   offset: 0
-}, Bt = r1(
+}, Bt = o1(
   ({
     loadOptions: i,
     width: e,
@@ -5750,12 +5756,12 @@ const I1 = 100, h1 = {
     dropdownRender: w,
     readOnly: L,
     clearable: m = !1,
-    required: y = !1,
-    error: b
+    required: b = !1,
+    error: y
   }, H) => {
-    const [p, N] = O(), [_, R] = O(h1), [I, Z] = O(!1), [D, P] = O(), [Q, A] = O(!1), [j, z] = O(
+    const [p, N] = O(), [_, R] = O(h1), [I, Z] = O(!1), [D, P] = O(), [X, A] = O(!1), [j, z] = O(
       u ?? []
-    ), q = W1(_.offset), X = W1(D), [T, F] = O(!1), $ = B(!1), e1 = K(
+    ), Q = W1(_.offset), e1 = W1(D), [T, F] = O(!1), $ = B(!1), t1 = K(
       async ({
         limit: V = I1,
         offset: W,
@@ -5781,11 +5787,11 @@ const I1 = 100, h1 = {
         }
       },
       [i]
-    ), t1 = Kt((V) => {
+    ), i1 = Kt((V) => {
       P(V), V || R(h1);
     }), u1 = K(
-      (V) => t1(V),
-      [t1]
+      (V) => i1(V),
+      [i1]
     ), v1 = K(
       async (V) => {
         I || V && _.count && _.count > ((p == null ? void 0 : p.length) ?? 0) && R((W) => ({
@@ -5801,9 +5807,9 @@ const I1 = 100, h1 = {
       [g, D]
     );
     S(() => {
-      !$.current || I || (T || Q && (q !== _.offset || X !== D || !p)) && (e1({ offset: _.offset, limit: I1, search: D }), T && F(!1));
-    }, [T, Q, _.offset, D, q, X, p, I]), S(() => {
-      (a || c) && e1(h1), $.current = !0;
+      !$.current || I || (T || X && (Q !== _.offset || e1 !== D || !p)) && (t1({ offset: _.offset, limit: I1, search: D }), T && F(!1));
+    }, [T, X, _.offset, D, Q, e1, p, I]), S(() => {
+      (a || c) && t1(h1), $.current = !0;
     }, []), S(() => {
       u && z((V) => {
         const W = u.filter(
@@ -5812,7 +5818,7 @@ const I1 = 100, h1 = {
         return [...V, ...W];
       });
     }, [u]);
-    const l1 = K(
+    const c1 = K(
       (V) => {
         t && t(V);
         let W = [];
@@ -5823,10 +5829,12 @@ const I1 = 100, h1 = {
           x.length > 0 && z((E = []) => [
             ...E,
             ...x.map((G) => {
-              const c1 = p == null ? void 0 : p.find((w2) => w2.value === G);
+              const J = p == null ? void 0 : p.find((w2) => w2.value === G);
               return {
                 value: G,
-                label: (c1 == null ? void 0 : c1.label) ?? G
+                label: (J == null ? void 0 : J.label) ?? G,
+                imageFallbackText: (J == null ? void 0 : J.imageFallbackText) ?? "",
+                image: (J == null ? void 0 : J.image) ?? void 0
               };
             })
           ]), P(void 0), R(h1), F(!0);
@@ -5838,7 +5846,7 @@ const I1 = 100, h1 = {
         id: s,
         width: e,
         options: p || [],
-        onChange: l1,
+        onChange: c1,
         ref: H,
         placeholder: d,
         search: !0,
@@ -5854,14 +5862,14 @@ const I1 = 100, h1 = {
         dropdownRender: w,
         readOnly: L,
         clearable: m,
-        required: y,
-        error: b
+        required: b,
+        error: y
       }),
       [
         s,
         e,
         p,
-        l1,
+        c1,
         H,
         d,
         n,
@@ -5876,8 +5884,8 @@ const I1 = 100, h1 = {
         w,
         L,
         m,
-        y,
-        b
+        b,
+        y
       ]
     );
     return C1(H, () => ({
@@ -6009,7 +6017,7 @@ const zt = [" ", ",", "?", "!", ";"], Jt = new Ut(20), qt = (i, e, t) => {
     console && console[i] && console[i].apply(console, e);
   }
 };
-class y1 {
+class b1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     this.init(e, t);
@@ -6042,16 +6050,16 @@ class y1 {
     return s && !this.debug ? null : (M(e[0]) && (e[0] = `${n}${this.prefix} ${e[0]}`), this.logger[t](e));
   }
   create(e) {
-    return new y1(this.logger, {
+    return new b1(this.logger, {
       prefix: `${this.prefix}:${e}:`,
       ...this.options
     });
   }
   clone(e) {
-    return e = e || this.options, e.prefix = e.prefix || this.prefix, new y1(this.logger, e);
+    return e = e || this.options, e.prefix = e.prefix || this.prefix, new b1(this.logger, e);
   }
 }
-var J = new y1();
+var q = new b1();
 class H1 {
   constructor() {
     this.observers = {};
@@ -6173,10 +6181,10 @@ var u2 = {
   }
 };
 const X1 = {};
-class b1 extends H1 {
+class y1 extends H1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    super(), Yt(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = J.create("translator");
+    super(), Yt(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = q.create("translator");
   }
   changeLanguage(e) {
     e && (this.language = e);
@@ -6243,8 +6251,8 @@ class b1 extends H1 {
     }
     const u = this.resolve(e, t);
     let g = u && u.res;
-    const f = u && u.usedKey || h, w = u && u.exactUsedKey || h, L = Object.prototype.toString.apply(g), m = ["[object Number]", "[object Function]", "[object RegExp]"], y = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, b = !this.i18nFormat || this.i18nFormat.handleAsObject, H = !M(g) && typeof g != "boolean" && typeof g != "number";
-    if (b && g && H && m.indexOf(L) < 0 && !(M(y) && Array.isArray(g))) {
+    const f = u && u.usedKey || h, w = u && u.exactUsedKey || h, L = Object.prototype.toString.apply(g), m = ["[object Number]", "[object Function]", "[object RegExp]"], b = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, y = !this.i18nFormat || this.i18nFormat.handleAsObject, H = !M(g) && typeof g != "boolean" && typeof g != "number";
+    if (y && g && H && m.indexOf(L) < 0 && !(M(b) && Array.isArray(g))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
         const p = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(f, g, {
@@ -6266,11 +6274,11 @@ class b1 extends H1 {
           }
         g = N;
       }
-    } else if (b && M(y) && Array.isArray(g))
-      g = g.join(y), g && (g = this.extendTranslation(g, e, t, n));
+    } else if (y && M(b) && Array.isArray(g))
+      g = g.join(b), g && (g = this.extendTranslation(g, e, t, n));
     else {
       let p = !1, N = !1;
-      const _ = t.count !== void 0 && !M(t.count), R = b1.hasDefaultValue(t), I = _ ? this.pluralResolver.getSuffix(a, t.count, t) : "", Z = t.ordinal && _ ? this.pluralResolver.getSuffix(a, t.count, {
+      const _ = t.count !== void 0 && !M(t.count), R = y1.hasDefaultValue(t), I = _ ? this.pluralResolver.getSuffix(a, t.count, t) : "", Z = t.ordinal && _ ? this.pluralResolver.getSuffix(a, t.count, {
         ordinal: !1
       }) : "", D = _ && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), P = D && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${I}`] || t[`defaultValue${Z}`] || t.defaultValue;
       !this.isValidLookup(g) && R && (p = !0, g = P), this.isValidLookup(g) || (N = !0, g = h);
@@ -6284,21 +6292,21 @@ class b1 extends H1 {
           T && T.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
         }
         let z = [];
-        const q = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
-        if (this.options.saveMissingTo === "fallback" && q && q[0])
-          for (let T = 0; T < q.length; T++)
-            z.push(q[T]);
+        const Q = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
+        if (this.options.saveMissingTo === "fallback" && Q && Q[0])
+          for (let T = 0; T < Q.length; T++)
+            z.push(Q[T]);
         else this.options.saveMissingTo === "all" ? z = this.languageUtils.toResolveHierarchy(t.lng || this.language) : z.push(t.lng || this.language);
-        const X = (T, F, $) => {
-          const e1 = R && $ !== g ? $ : A;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(T, l, F, e1, j, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(T, l, F, e1, j, t), this.emit("missingKey", T, l, F, g);
+        const e1 = (T, F, $) => {
+          const t1 = R && $ !== g ? $ : A;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(T, l, F, t1, j, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(T, l, F, t1, j, t), this.emit("missingKey", T, l, F, g);
         };
         this.options.saveMissing && (this.options.saveMissingPlurals && _ ? z.forEach((T) => {
           const F = this.pluralResolver.getSuffixes(T, t);
           D && t[`defaultValue${this.options.pluralSeparator}zero`] && F.indexOf(`${this.options.pluralSeparator}zero`) < 0 && F.push(`${this.options.pluralSeparator}zero`), F.forEach(($) => {
-            X([T], h + $, t[`defaultValue${$}`] || P);
+            e1([T], h + $, t[`defaultValue${$}`] || P);
           });
-        }) : X(z, h, P));
+        }) : e1(z, h, P));
       }
       g = this.extendTranslation(g, e, t, u, n), N && g === h && this.options.appendNamespaceToMissingKey && (g = `${l}:${h}`), (N || p) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? g = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${l}:${h}` : h, p ? g : void 0) : g = this.options.parseMissingKeyHandler(g));
     }
@@ -6360,24 +6368,24 @@ class b1 extends H1 {
       this.options.fallbackNS && (u = u.concat(this.options.fallbackNS));
       const g = t.count !== void 0 && !M(t.count), f = g && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), w = t.context !== void 0 && (M(t.context) || typeof t.context == "number") && t.context !== "", L = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
       u.forEach((m) => {
-        this.isValidLookup(n) || (d = m, !X1[`${L[0]}-${m}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(d) && (X1[`${L[0]}-${m}`] = !0, this.logger.warn(`key "${s}" for languages "${L.join(", ")}" won't get resolved as namespace "${d}" 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((y) => {
+        this.isValidLookup(n) || (d = m, !X1[`${L[0]}-${m}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(d) && (X1[`${L[0]}-${m}`] = !0, this.logger.warn(`key "${s}" for languages "${L.join(", ")}" won't get resolved as namespace "${d}" 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((b) => {
           if (this.isValidLookup(n)) return;
-          h = y;
-          const b = [c];
+          h = b;
+          const y = [c];
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
-            this.i18nFormat.addLookupKeys(b, c, y, m, t);
+            this.i18nFormat.addLookupKeys(y, c, b, m, t);
           else {
             let p;
-            g && (p = this.pluralResolver.getSuffix(y, t.count, t));
+            g && (p = this.pluralResolver.getSuffix(b, t.count, t));
             const N = `${this.options.pluralSeparator}zero`, _ = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (g && (b.push(c + p), t.ordinal && p.indexOf(_) === 0 && b.push(c + p.replace(_, this.options.pluralSeparator)), f && b.push(c + N)), w) {
+            if (g && (y.push(c + p), t.ordinal && p.indexOf(_) === 0 && y.push(c + p.replace(_, this.options.pluralSeparator)), f && y.push(c + N)), w) {
               const R = `${c}${this.options.contextSeparator}${t.context}`;
-              b.push(R), g && (b.push(R + p), t.ordinal && p.indexOf(_) === 0 && b.push(R + p.replace(_, this.options.pluralSeparator)), f && b.push(R + N));
+              y.push(R), g && (y.push(R + p), t.ordinal && p.indexOf(_) === 0 && y.push(R + p.replace(_, this.options.pluralSeparator)), f && y.push(R + N));
             }
           }
           let H;
-          for (; H = b.pop(); )
-            this.isValidLookup(n) || (o = H, n = this.getResource(y, m, H, t));
+          for (; H = y.pop(); )
+            this.isValidLookup(n) || (o = H, n = this.getResource(b, m, H, t));
         }));
       });
     }), {
@@ -6422,7 +6430,7 @@ class b1 extends H1 {
 const A1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
 class e2 {
   constructor(e) {
-    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = J.create("languageUtils");
+    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = q.create("languageUtils");
   }
   getScriptPartFromCode(e) {
     if (e = M1(e), !e || e.indexOf("-") < 0) return null;
@@ -6622,7 +6630,7 @@ const t7 = ["v1", "v2", "v3"], i7 = ["v4"], t2 = {
 class s7 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.languageUtils = e, this.options = t, this.logger = J.create("pluralResolver"), (!this.options.compatibilityJSON || i7.includes(this.options.compatibilityJSON)) && (typeof Intl > "u" || !Intl.PluralRules) && (this.options.compatibilityJSON = "v3", this.logger.error("Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling.")), this.rules = n7(), this.pluralRulesCache = {};
+    this.languageUtils = e, this.options = t, this.logger = q.create("pluralResolver"), (!this.options.compatibilityJSON || i7.includes(this.options.compatibilityJSON)) && (typeof Intl > "u" || !Intl.PluralRules) && (this.options.compatibilityJSON = "v3", this.logger.error("Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling.")), this.rules = n7(), this.pluralRulesCache = {};
   }
   addRule(e, t) {
     this.rules[e] = t;
@@ -6690,7 +6698,7 @@ const i2 = function(i, e, t) {
 class r7 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = J.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
+    this.logger = q.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
   }
   init() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -6713,10 +6721,10 @@ class r7 {
       nestingSuffix: w,
       nestingSuffixEscaped: L,
       nestingOptionsSeparator: m,
-      maxReplaces: y,
-      alwaysFormat: b
+      maxReplaces: b,
+      alwaysFormat: y
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : Wt, this.escapeValue = n !== void 0 ? n : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = o ? d1(o) : h || "{{", this.suffix = d ? d1(d) : l || "}}", this.formatSeparator = a || ",", this.unescapePrefix = c ? "" : u || "-", this.unescapeSuffix = this.unescapePrefix ? "" : c || "", this.nestingPrefix = g ? d1(g) : f || d1("$t("), this.nestingSuffix = w ? d1(w) : L || d1(")"), this.nestingOptionsSeparator = m || ",", this.maxReplaces = y || 1e3, this.alwaysFormat = b !== void 0 ? b : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : Wt, this.escapeValue = n !== void 0 ? n : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = o ? d1(o) : h || "{{", this.suffix = d ? d1(d) : l || "}}", this.formatSeparator = a || ",", this.unescapePrefix = c ? "" : u || "-", this.unescapeSuffix = this.unescapePrefix ? "" : c || "", this.nestingPrefix = g ? d1(g) : f || d1("$t("), this.nestingSuffix = w ? d1(w) : L || d1(")"), this.nestingOptionsSeparator = m || ",", this.maxReplaces = b || 1e3, this.alwaysFormat = y !== void 0 ? y : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -6729,12 +6737,12 @@ class r7 {
     let o, h, d;
     const l = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, a = (f) => {
       if (f.indexOf(this.formatSeparator) < 0) {
-        const y = i2(t, l, f, this.options.keySeparator, this.options.ignoreJSONStructure);
-        return this.alwaysFormat ? this.format(y, void 0, n, {
+        const b = i2(t, l, f, this.options.keySeparator, this.options.ignoreJSONStructure);
+        return this.alwaysFormat ? this.format(b, void 0, n, {
           ...s,
           ...t,
           interpolationkey: f
-        }) : y;
+        }) : b;
       }
       const w = f.split(this.formatSeparator), L = w.shift().trim(), m = w.join(this.formatSeparator).trim();
       return this.format(i2(t, l, L, this.options.keySeparator, this.options.ignoreJSONStructure), m, n, {
@@ -6845,7 +6853,7 @@ const o7 = (i) => {
 class a7 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = J.create("formatter"), this.options = e, this.formats = {
+    this.logger = q.create("formatter"), this.options = e, this.formats = {
       number: g1((t, n) => {
         const s = new Intl.NumberFormat(t, {
           ...n
@@ -6928,7 +6936,7 @@ const l7 = (i, e) => {
 class c7 extends H1 {
   constructor(e, t, n) {
     let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
-    super(), this.backend = e, this.store = t, this.services = n, this.languageUtils = n.languageUtils, this.options = s, this.logger = J.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = s.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = s.maxRetries >= 0 ? s.maxRetries : 5, this.retryTimeout = s.retryTimeout >= 1 ? s.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(n, s.backend, s);
+    super(), this.backend = e, this.store = t, this.services = n, this.languageUtils = n.languageUtils, this.options = s, this.logger = q.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = s.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = s.maxRetries >= 0 ? s.maxRetries : 5, this.retryTimeout = s.retryTimeout >= 1 ? s.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(n, s.backend, s);
   }
   queueLoad(e, t, n, s) {
     const o = {}, h = {}, d = {}, l = {};
@@ -7125,7 +7133,7 @@ const n2 = () => ({
 class k1 extends H1 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    if (super(), this.options = s2(e), this.services = {}, this.logger = J, this.modules = {
+    if (super(), this.options = s2(e), this.services = {}, this.logger = q, this.modules = {
       external: []
     }, h7(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initImmediate)
@@ -7150,13 +7158,13 @@ class k1 extends H1 {
     }), t.keySeparator !== void 0 && (this.options.userDefinedKeySeparator = t.keySeparator), t.nsSeparator !== void 0 && (this.options.userDefinedNsSeparator = t.nsSeparator);
     const o = (c) => c ? typeof c == "function" ? new c() : c : null;
     if (!this.options.isClone) {
-      this.modules.logger ? J.init(o(this.modules.logger), this.options) : J.init(null, this.options);
+      this.modules.logger ? q.init(o(this.modules.logger), this.options) : q.init(null, this.options);
       let c;
       this.modules.formatter ? c = this.modules.formatter : typeof Intl < "u" && (c = a7);
       const u = new e2(this.options);
       this.store = new Q1(this.options.resources, this.options);
       const g = this.services;
-      g.logger = J, g.resourceStore = this.store, g.languageUtils = u, g.pluralResolver = new s7(u, {
+      g.logger = q, g.resourceStore = this.store, g.languageUtils = u, g.pluralResolver = new s7(u, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
@@ -7166,7 +7174,7 @@ class k1 extends H1 {
         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(f, ...L);
-      }), this.modules.languageDetector && (g.languageDetector = o(this.modules.languageDetector), g.languageDetector.init && g.languageDetector.init(g, this.options.detection, this.options)), this.modules.i18nFormat && (g.i18nFormat = o(this.modules.i18nFormat), g.i18nFormat.init && g.i18nFormat.init(this)), this.translator = new b1(this.services, this.options), this.translator.on("*", function(f) {
+      }), this.modules.languageDetector && (g.languageDetector = o(this.modules.languageDetector), g.languageDetector.init && g.languageDetector.init(g, this.options.detection, this.options)), this.modules.i18nFormat && (g.i18nFormat = o(this.modules.i18nFormat), g.i18nFormat.init && g.i18nFormat.init(this)), this.translator = new y1(this.services, this.options), this.translator.on("*", function(f) {
         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(f, ...L);
@@ -7342,7 +7350,7 @@ class k1 extends H1 {
       ...this.services
     }, o.services.utils = {
       hasLoadedNamespace: o.hasLoadedNamespace.bind(o)
-    }, n && (o.store = new Q1(this.store.data, s), o.services.resourceStore = o.store), o.translator = new b1(o.services, s), o.translator.on("*", function(d) {
+    }, n && (o.store = new Q1(this.store.data, s), o.services.resourceStore = o.store), o.translator = new y1(o.services, s), o.translator.on("*", function(d) {
       for (var l = arguments.length, a = new Array(l > 1 ? l - 1 : 0), c = 1; c < l; c++)
         a[c - 1] = arguments[c];
       o.emit(d, ...a);
@@ -7380,14 +7388,14 @@ function d7() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
       e[t] = arguments[t];
-    s1(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
+    r1(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
   }
 }
 const r2 = {};
 function Z1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  s1(e[0]) && r2[e[0]] || (s1(e[0]) && (r2[e[0]] = /* @__PURE__ */ new Date()), d7(...e));
+  r1(e[0]) && r2[e[0]] || (r1(e[0]) && (r2[e[0]] = /* @__PURE__ */ new Date()), d7(...e));
 }
 const f2 = (i, e) => () => {
   if (i.isInitialized)
@@ -7403,7 +7411,7 @@ const f2 = (i, e) => () => {
 }, o2 = (i, e, t) => {
   i.loadNamespaces(e, f2(i, t));
 }, a2 = (i, e, t, n) => {
-  s1(t) && (t = [t]), t.forEach((s) => {
+  r1(t) && (t = [t]), t.forEach((s) => {
     i.options.ns.indexOf(s) < 0 && i.options.ns.push(s);
   }), i.loadLanguages(e, f2(i, n));
 }, g7 = function(i, e) {
@@ -7423,7 +7431,7 @@ const f2 = (i, e) => () => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && s.services.backendConnector.backend && s.isLanguageChangingTo && !o(s.isLanguageChangingTo, i)) return !1;
     }
   }) : g7(i, e, t);
-}, s1 = (i) => typeof i == "string", u7 = (i) => typeof i == "object" && i !== null, f7 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, p7 = {
+}, r1 = (i) => typeof i == "string", u7 = (i) => typeof i == "object" && i !== null, f7 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, p7 = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -7470,7 +7478,7 @@ const v7 = (i) => {
   init(i) {
     L7(i.options.react), v7(i);
   }
-}, x7 = a1();
+}, x7 = l1();
 class _7 {
   constructor() {
     K1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
@@ -7487,17 +7495,17 @@ const M7 = (i, e) => {
   return S(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, m2 = (i, e, t, n) => i.getFixedT(e, t, n), y7 = (i, e, t, n) => K(m2(i, e, t, n), [i, e, t, n]), b7 = function(i) {
+}, m2 = (i, e, t, n) => i.getFixedT(e, t, n), b7 = (i, e, t, n) => K(m2(i, e, t, n), [i, e, t, n]), y7 = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
   } = e, {
     i18n: n,
     defaultNS: s
-  } = o1(x7) || {}, o = t || n || N7();
+  } = a1(x7) || {}, o = t || n || N7();
   if (o && !o.reportNamespaces && (o.reportNamespaces = new _7()), !o) {
     Z1("You will need to pass in an i18next instance by using initReactI18next");
-    const p = (_, R) => s1(R) ? R : u7(R) && s1(R.defaultValue) ? R.defaultValue : Array.isArray(_) ? _[_.length - 1] : _, N = [p, {}, !1];
+    const p = (_, R) => r1(R) ? R : u7(R) && r1(R.defaultValue) ? R.defaultValue : Array.isArray(_) ? _[_.length - 1] : _, N = [p, {}, !1];
     return N.t = p, N.i18n = {}, N.ready = !1, N;
   }
   o.options.react && o.options.react.wait !== void 0 && Z1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
@@ -7510,29 +7518,29 @@ const M7 = (i, e) => {
     keyPrefix: l
   } = h;
   let a = i;
-  a = s1(a) ? [a] : a || ["translation"], o.reportNamespaces.addUsedNamespaces && o.reportNamespaces.addUsedNamespaces(a);
-  const c = (o.isInitialized || o.initializedStoreOnce) && a.every((p) => C7(p, o, h)), u = y7(o, e.lng || null, h.nsMode === "fallback" ? a : a[0], l), g = () => u, f = () => m2(o, e.lng || null, h.nsMode === "fallback" ? a : a[0], l), [w, L] = O(g);
+  a = r1(a) ? [a] : a || ["translation"], o.reportNamespaces.addUsedNamespaces && o.reportNamespaces.addUsedNamespaces(a);
+  const c = (o.isInitialized || o.initializedStoreOnce) && a.every((p) => C7(p, o, h)), u = b7(o, e.lng || null, h.nsMode === "fallback" ? a : a[0], l), g = () => u, f = () => m2(o, e.lng || null, h.nsMode === "fallback" ? a : a[0], l), [w, L] = O(g);
   let m = a.join();
   e.lng && (m = `${e.lng}${m}`);
-  const y = M7(m), b = B(!0);
+  const b = M7(m), y = B(!0);
   S(() => {
     const {
       bindI18n: p,
       bindI18nStore: N
     } = h;
-    b.current = !0, !c && !d && (e.lng ? a2(o, e.lng, a, () => {
-      b.current && L(f);
+    y.current = !0, !c && !d && (e.lng ? a2(o, e.lng, a, () => {
+      y.current && L(f);
     }) : o2(o, a, () => {
-      b.current && L(f);
-    })), c && y && y !== m && b.current && L(f);
+      y.current && L(f);
+    })), c && b && b !== m && y.current && L(f);
     const _ = () => {
-      b.current && L(f);
+      y.current && L(f);
     };
     return p && o && o.on(p, _), N && o && o.store.on(N, _), () => {
-      b.current = !1, p && o && p.split(" ").forEach((R) => o.off(R, _)), N && o && N.split(" ").forEach((R) => o.store.off(R, _));
+      y.current = !1, p && o && p.split(" ").forEach((R) => o.off(R, _)), N && o && N.split(" ").forEach((R) => o.store.off(R, _));
     };
   }, [o, m]), S(() => {
-    b.current && c && L(g);
+    y.current && c && L(g);
   }, [o, l, c]);
   const H = [w, o, c];
   if (H.t = w, H.i18n = o, H.ready = c, c || !c && !d) return H;
@@ -7562,17 +7570,17 @@ Y.use(R7).init({
     }
   }
 });
-const K7 = r1(
+const K7 = o1(
   ({ width: i, selectedCountry: e, onChange: t, value: n, id: s, disabled: o, clearable: h }, d) => {
     const [l, a] = O(
       []
-    ), [c, u] = O(!1), { locale: g, axiosPeople: f } = o1(v2), w = B(!1), L = B(null), m = B(l), y = V7(e);
+    ), [c, u] = O(!1), { locale: g, axiosPeople: f } = a1(v2), w = B(!1), L = B(null), m = B(l), b = V7(e);
     if (!f)
       throw new Error(
         `CitySelect requires "axiosPeople" to fetch cities. 
                 Please provide it via SNMTUiContext.`
       );
-    const { t: b } = b7("common", { lng: g }), H = K(
+    const { t: y } = y7("common", { lng: g }), H = K(
       async (N) => {
         const _ = m.current.find((R) => R.value === N);
         if (_)
@@ -7605,8 +7613,8 @@ const K7 = r1(
       })();
     }, []), S(() => {
       var N;
-      y !== e ? w.current && (t(null), a([]), m.current = [], (N = L.current) == null || N.refetchOptions()) : w.current = !0;
-    }, [e, t, y]);
+      b !== e ? w.current && (t(null), a([]), m.current = [], (N = L.current) == null || N.refetchOptions()) : w.current = !0;
+    }, [e, t, b]);
     const p = K(
       async ({
         limit: N,
@@ -7651,7 +7659,7 @@ const K7 = r1(
         onChange: t,
         ref: L,
         search: !0,
-        placeholder: b("placeholder"),
+        placeholder: y("placeholder"),
         disabled: o,
         clearable: h,
         loadOptions: p,

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{display:grid;border:none;background-color:var(--grey-dark-4);place-items:center}.snmt-avatar.ant-avatar .ant-avatar-string{position:static;display:grid;place-items:center}.snmt-avatar.image.ant-avatar{background-color:transparent}.snmt-avatar-with-label-wrapper{display:grid;grid-template-columns:auto auto;place-items:center}.snmt-checkbox .ant-checkbox+span{padding-inline-start:12px}.ant-checkbox-checked .ant-checkbox-inner:after{transform:rotate(45deg) scale(1) translate(-40%,-60%)}.ant-checkbox-inner{width:20px!important;height:20px!important}.snmt-checkbox-light.ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner{border-color:var(--grey-light-4);border-radius:5px}.snmt-checkbox-light.ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--blue-primary);border-color:var(--blue-primary)}.snmt-checkbox-light.ant-checkbox-wrapper .ant-checkbox.ant-checkbox-disabled .ant-checkbox-inner{background-color:var(--grey-light-3);border-color:var(--grey-light-3)}.snmt-checkbox-light.ant-checkbox-wrapper .ant-checkbox.ant-checkbox-disabled .ant-checkbox-inner:after{border-color:var(--grey-dark-2)}.snmt-checkbox-light.ant-checkbox-wrapper .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner{background-color:var(--blue-primary);border-color:var(--blue-primary)}.snmt-checkbox-light.ant-checkbox-wrapper .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:var(--grey-light-0);border:1.5px solid var(--grey-light-0);transform:none;content:"";position:absolute;left:50%;top:50%;width:9px;height:1px;transform:translate(-50%,-50%)}.snmt-checkbox-light.ant-checkbox-wrapper:hover .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-inner{border-color:var(--blue-dark-1)}.snmt-checkbox-light.ant-checkbox-wrapper:hover .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--blue-hover);border-color:var(--blue-hover)}.snmt-checkbox-light.ant-checkbox-wrapper:hover .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--grey-light-3);border-color:var(--grey-light-3)}.snmt-checkbox-light.ant-checkbox-wrapper:hover .ant-checkbox-disabled:not(.ant-checkbox-checked) .ant-checkbox-inner{background-color:var(--grey-light-3);border-color:var(--grey-light-3)}.snmt-checkbox-light.ant-checkbox-wrapper:hover .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner{background-color:var(--blue-hover)!important;border-color:var(--blue-hover)!important}.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-2)}.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-0-5: #fcfcfd;--grey-light-1: #f7f7f8;--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-0-5: #f5f8ff;--blue-light-1: #ebf2ff;--blue-light-2: #deeaff;--blue-light-3: #c3d9ff;--blue-light-4: #a5c6ff;--blue-dark-1: #498bff;--purple-light: #f9f0ff;--purple-dark: #531dab;--cyan-light: #e6fffb;--cyan-dark: #08979c;--magenta-light: #fff0f6;--magenta-dark: #c41d7f;--gold-light: #fefed2;--gold-dark: #faad14;--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}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.snmt-typography.ant-typography{color:var(--grey-dark-5);font-family:Montserrat,sans-serif;font-style:normal;font-feature-settings:"clig" off,"liga" off;line-height:normal;margin:0!important}.snmt-typography.ant-typography.snmt-typography-h1{font-size:25px;font-weight:700;line-height:128%}.snmt-typography.ant-typography.snmt-typography-h2{font-size:21px;font-weight:600;line-height:132%}.snmt-typography.ant-typography.snmt-typography-h3{font-size:19px;font-weight:600;line-height:124%}.snmt-typography.ant-typography.snmt-typography-h4,.snmt-typography.ant-typography.snmt-typography-h5{font-size:16px;font-weight:600;line-height:124%}.snmt-typography.ant-typography.snmt-typography-body1{font-size:16px;font-weight:500;line-height:150%}.snmt-typography.ant-typography.snmt-typography-body2{font-size:14px;font-weight:500;line-height:144%}.snmt-typography.ant-typography.snmt-typography-body3{font-size:12px;font-weight:600;line-height:120%}.snmt-typography.ant-typography.snmt-typography-body4{font-size:12px;font-weight:500;line-height:120%}.snmt-typography.ant-typography.snmt-typography-button{font-size:14px;font-weight:600;line-height:116%}.snmt-typography.ant-typography.snmt-typography-caption{font-size:10px;font-weight:500;line-height:120%}.snmt-typography.ant-typography.snmt-typography-tag{font-size:9px;font-weight:500;line-height:116%}.snmt-typography.ant-typography.snmt-typography-link{font-size:16px;font-weight:500;line-height:120%;text-decoration:underline;cursor:pointer}.snmt-typography.ant-typography.snmt-typography-link1{font-size:16px;font-weight:500;line-height:124%;text-decoration:underline;cursor:pointer}.snmt-typography.ant-typography.snmt-typography-link2{font-size:14px;font-weight:500;line-height:124%;text-decoration:underline;cursor:pointer}.snmt-typography.ant-typography.snmt-typography-align-center{text-align:center}.snmt-typography.ant-typography.snmt-typography-align-justify{text-align:justify}.snmt-typography.ant-typography.snmt-typography-align-left{text-align:left}.snmt-typography.ant-typography.snmt-typography-align-right{text-align:right}.snmt-typography.collapsed{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snmt-tooltip.ant-tooltip>.ant-tooltip-arrow:before{background-color:var(--grey-dark-4);bottom:-1px}.snmt-tooltip.ant-tooltip>.ant-tooltip-content>.ant-tooltip-inner{background-color:var(--grey-dark-4);padding:12.5px 12px;border-radius:8px;color:var(--grey-light-0);font-family:Montserrat,sans-serif;font-size:10px;font-weight:500;line-height:12px}.snmt-popover:has(.snmt-popover-from-select){z-index:1050!important}.ant-select-selection-overflow>:nth-last-child(2) .snmt-tag{font-family:Montserrat,sans-serif}.ant-select-selection-overflow>:nth-last-child(2):hover .snmt-tag{background:var(--blue-light-1)}.ant-select-selection-overflow>:nth-last-child(2) .snmt-tag:has(.ant-popover-open){color:var(--blue-primary);background:var(--blue-light-2)}.snmt-popover .ant-popover-inner{padding:0}.snmt-popover.padding .ant-popover-inner{padding:16px}.wrapper{cursor:pointer}.snmt-select-1-15-6{width:100%;position:relative;height:48px;font-family:Montserrat,sans-serif;font-weight:500}.snmt-select-1-15-6 .snmt-select-blank .ant-select-selector{border:none!important}.snmt-select-1-15-6 .ant-select{height:100%;pointer-events:none;width:100%;border-radius:8px}.snmt-select-1-15-6 .ant-select .wrapper-suffix-icon{pointer-events:none;display:flex;align-items:center;gap:10px}.snmt-select-1-15-6 .ant-select-focused .ant-select-selector{box-shadow:none!important}.snmt-select-1-15-6 .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-1-15-6 .ant-select-selector:hover{border-color:var(--blue-dark-1)!important}.snmt-select-1-15-6 .ant-select-selection-search{margin-inline-start:0px!important;font-size:16px;font-weight:500}.snmt-select-1-15-6 .ant-select-selection-search input{font-size:16px!important;font-weight:500!important;color:var(--grey-dark-5)!important}.snmt-select-1-15-6 .ant-select-arrow div{pointer-events:all;position:relative;z-index:10}.snmt-select-1-15-6 .ant-select-selection-overflow-item-rest .ant-tag-close-icon{display:none}.snmt-select-1-15-6 .ant-select-disabled .snmt-select-1-15-6 .ant-select-arrow div{pointer-events:none!important;cursor:not-allowed!important}.snmt-select-1-15-6.snmt-select-single .ant-select-selection-item{font-family:Montserrat,sans-serif;font-weight:500;color:var(--grey-dark-5);font-size:16px}.snmt-select-1-15-6.snmt-select-single .ant-select-selection-item img{display:none}.snmt-select-1-15-6 .ant-select-multiple .ant-select-selector{padding:9px 48px 9px 16px!important}.snmt-select-1-15-6 .ant-select-multiple .ant-select-selection-item{background-color:var(--grey-light-2)}.snmt-select-1-15-6 .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-1-15-6 .ant-select-multiple .ant-select-selection-item-content img{display:none}.snmt-select-1-15-6 .ant-select-multiple .ant-select-selection-overflow-item .tag-wrapper{margin:0 3px}.snmt-select-1-15-6 .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-1-15-6 .ant-select-multiple .ant-select-selection-overflow-item-rest .ant-select-selection-item-content{margin:0}.snmt-select-1-15-6 .ant-select-multiple .ant-select-selection-overflow-item:first-of-type .tag-wrapper{margin-left:0;margin-right:3px}.snmt-select-1-15-6 .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-1-15-6 .ant-select-open .ant-select-selector{box-shadow:none!important;border-color:var(--blue-primary)!important}.snmt-select-1-15-6 .select-arrow{transition:transform .3s ease;position:relative;z-index:2}.snmt-select-1-15-6 .select-arrow-rotated{transition:transform .3s ease;transform:rotate(180deg)}.snmt-select-1-15-6>label{position:absolute;top:calc(50% - 10px);left:18px;width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:16px;font-style:normal;font-weight:500;line-height:normal;-webkit-user-select:none;user-select:none;pointer-events:none;color:var(--grey-dark-2);transition:top .2s cubic-bezier(0,0,.2,1) 0ms,font-size .2s cubic-bezier(0,0,.2,1) 0ms}.snmt-select-1-15-6>label.label-floating{top:-7px;font-size:12px}.snmt-select-1-15-6>label.label-disabled{color:var(--grey-dark-1)}.snmt-select-1-15-6>label.label-loading{padding-left:30px}.snmt-select-1-15-6>label.label-loading.label-floating{padding-left:0}.snmt-select-1-15-6 fieldset{position:absolute;min-width:0;margin:0;padding:0 11px;top:-6px;right:0;bottom:0;left:0;border:1px solid var(--grey-light-4);border-radius:8px;text-align:left;pointer-events:none}.snmt-select-1-15-6 fieldset>legend{max-width:0;height:14px;padding:0;font-size:12px}.snmt-select-1-15-6 fieldset>legend>span{opacity:0!important;padding:0 5px;pointer-events:none;-webkit-user-select:none;user-select:none}.snmt-select-1-15-6 fieldset.fieldset-focused>legend,.snmt-select-1-15-6 fieldset.fieldset-filled>legend,.snmt-select-1-15-6 fieldset.fieldset-disabled>legend{max-width:100%}.snmt-select-1-15-6 fieldset.fieldset-focused{border-color:var(--blue-primary);border-width:2px;color:var(--blue-primary)}.snmt-select-1-15-6 fieldset.fieldset-disabled{border:none;color:var(--grey-dark-1)}.snmt-select-1-15-6 fieldset.fieldset-disabled:not(.fieldset-filled){display:none}.snmt-select-1-15-6 fieldset.fieldset-filled{border-color:var(--grey-light-4);color:var(--grey-dark-2)}.snmt-select-1-15-6 fieldset.fieldset-filled.fieldset-disabled{color:var(--grey-dark-1)}.snmt-select-1-15-6 fieldset.fieldset-error,.snmt-select-1-15-6 fieldset.fieldset-focused.fieldset-error{border-color:var(--notification-error-dark)}.snmt-select-1-15-6:hover:not(.snmt-select-read-only) fieldset:not(.fieldset-disabled):not(.fieldset-error):not(.fieldset-focused){border-color:var(--blue-dark-1)}.snmt-select-1-15-6:hover:not(.snmt-select-read-only)>label.label-floating:not(.label-disabled):not(.label-focused):not(.label-error){color:var(--blue-dark-1)}.snmt-select-1-15-6.snmt-select-read-only .ant-select-selector{background-color:var(--grey-light-2);cursor:not-allowed;pointer-events:none!important}.snmt-select-1-15-6.snmt-select-read-only .ant-select-arrow{pointer-events:all!important;cursor:pointer}.snmt-select-1-15-6.snmt-select-read-only .ant-select{pointer-events:auto!important}.snmt-select-1-15-6.snmt-select-focused fieldset.fieldset-focused:not(.fieldset-disabled):not(.fieldset-error){border-color:var(--blue-primary);border-width:2px}.snmt-select-1-15-6.snmt-select-focused>label.label-floating:not(.label-disabled){color:var(--blue-primary)}.snmt-select-1-15-6>label.label-floating.label-error:not(.label-disabled){color:var(--notification-error-dark)}.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 .ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector{background:var(--grey-light-2);border:none!important}.ant-select-dropdown .ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item{color:var(--grey-dark-1)!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-dropdown .rc-virtual-list-scrollbar-vertical{visibility:hidden!important}.dropdown-read-only .rc-virtual-list{pointer-events:none}.dropdown-container{position:relative;display:block}.dropdown-container .dropdown-menu{position:relative;z-index:0}.dropdown-container .loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--grey-light-1);opacity:.9;display:flex;align-items:center;justify-content:center;pointer-events:none}.snmt-select-container .snmt-flex{margin-top:6px}.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{display:grid;border:none;background-color:var(--grey-dark-4);place-items:center;color:var(--grey-light-0)}.snmt-avatar.ant-avatar .ant-avatar-string{position:static;display:grid;place-items:center}.snmt-avatar.image.ant-avatar{background-color:transparent}.snmt-avatar-with-label-wrapper{display:grid;grid-template-columns:auto auto;place-items:center}.snmt-checkbox .ant-checkbox+span{padding-inline-start:12px}.ant-checkbox-checked .ant-checkbox-inner:after{transform:rotate(45deg) scale(1) translate(-40%,-60%)}.ant-checkbox-inner{width:20px!important;height:20px!important}.snmt-checkbox-light.ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner{border-color:var(--grey-light-4);border-radius:5px}.snmt-checkbox-light.ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--blue-primary);border-color:var(--blue-primary)}.snmt-checkbox-light.ant-checkbox-wrapper .ant-checkbox.ant-checkbox-disabled .ant-checkbox-inner{background-color:var(--grey-light-3);border-color:var(--grey-light-3)}.snmt-checkbox-light.ant-checkbox-wrapper .ant-checkbox.ant-checkbox-disabled .ant-checkbox-inner:after{border-color:var(--grey-dark-2)}.snmt-checkbox-light.ant-checkbox-wrapper .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner{background-color:var(--blue-primary);border-color:var(--blue-primary)}.snmt-checkbox-light.ant-checkbox-wrapper .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:var(--grey-light-0);border:1.5px solid var(--grey-light-0);transform:none;content:"";position:absolute;left:50%;top:50%;width:9px;height:1px;transform:translate(-50%,-50%)}.snmt-checkbox-light.ant-checkbox-wrapper:hover .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-inner{border-color:var(--blue-dark-1)}.snmt-checkbox-light.ant-checkbox-wrapper:hover .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--blue-hover);border-color:var(--blue-hover)}.snmt-checkbox-light.ant-checkbox-wrapper:hover .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--grey-light-3);border-color:var(--grey-light-3)}.snmt-checkbox-light.ant-checkbox-wrapper:hover .ant-checkbox-disabled:not(.ant-checkbox-checked) .ant-checkbox-inner{background-color:var(--grey-light-3);border-color:var(--grey-light-3)}.snmt-checkbox-light.ant-checkbox-wrapper:hover .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner{background-color:var(--blue-hover)!important;border-color:var(--blue-hover)!important}.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-2)}.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-0-5: #fcfcfd;--grey-light-1: #f7f7f8;--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-0-5: #f5f8ff;--blue-light-1: #ebf2ff;--blue-light-2: #deeaff;--blue-light-3: #c3d9ff;--blue-light-4: #a5c6ff;--blue-dark-1: #498bff;--purple-light: #f9f0ff;--purple-dark: #531dab;--cyan-light: #e6fffb;--cyan-dark: #08979c;--magenta-light: #fff0f6;--magenta-dark: #c41d7f;--gold-light: #fefed2;--gold-dark: #faad14;--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}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.snmt-typography.ant-typography{color:var(--grey-dark-5);font-family:Montserrat,sans-serif;font-style:normal;font-feature-settings:"clig" off,"liga" off;line-height:normal;margin:0!important}.snmt-typography.ant-typography.snmt-typography-h1{font-size:25px;font-weight:700;line-height:128%}.snmt-typography.ant-typography.snmt-typography-h2{font-size:21px;font-weight:600;line-height:132%}.snmt-typography.ant-typography.snmt-typography-h3{font-size:19px;font-weight:600;line-height:124%}.snmt-typography.ant-typography.snmt-typography-h4,.snmt-typography.ant-typography.snmt-typography-h5{font-size:16px;font-weight:600;line-height:124%}.snmt-typography.ant-typography.snmt-typography-body1{font-size:16px;font-weight:500;line-height:150%}.snmt-typography.ant-typography.snmt-typography-body2{font-size:14px;font-weight:500;line-height:144%}.snmt-typography.ant-typography.snmt-typography-body3{font-size:12px;font-weight:600;line-height:120%}.snmt-typography.ant-typography.snmt-typography-body4{font-size:12px;font-weight:500;line-height:120%}.snmt-typography.ant-typography.snmt-typography-button{font-size:14px;font-weight:600;line-height:116%}.snmt-typography.ant-typography.snmt-typography-caption{font-size:10px;font-weight:500;line-height:120%}.snmt-typography.ant-typography.snmt-typography-tag{font-size:9px;font-weight:500;line-height:116%}.snmt-typography.ant-typography.snmt-typography-link{font-size:16px;font-weight:500;line-height:120%;text-decoration:underline;cursor:pointer}.snmt-typography.ant-typography.snmt-typography-link1{font-size:16px;font-weight:500;line-height:124%;text-decoration:underline;cursor:pointer}.snmt-typography.ant-typography.snmt-typography-link2{font-size:14px;font-weight:500;line-height:124%;text-decoration:underline;cursor:pointer}.snmt-typography.ant-typography.snmt-typography-align-center{text-align:center}.snmt-typography.ant-typography.snmt-typography-align-justify{text-align:justify}.snmt-typography.ant-typography.snmt-typography-align-left{text-align:left}.snmt-typography.ant-typography.snmt-typography-align-right{text-align:right}.snmt-typography.collapsed{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snmt-tooltip.ant-tooltip>.ant-tooltip-arrow:before{background-color:var(--grey-dark-4);bottom:-1px}.snmt-tooltip.ant-tooltip>.ant-tooltip-content>.ant-tooltip-inner{background-color:var(--grey-dark-4);padding:12.5px 12px;border-radius:8px;color:var(--grey-light-0);font-family:Montserrat,sans-serif;font-size:10px;font-weight:500;line-height:12px}.snmt-popover:has(.snmt-popover-from-select){z-index:1050!important}.ant-select-selection-overflow>:nth-last-child(2) .snmt-tag{font-family:Montserrat,sans-serif}.ant-select-selection-overflow>:nth-last-child(2):hover .snmt-tag{background:var(--blue-light-1)}.ant-select-selection-overflow>:nth-last-child(2) .snmt-tag:has(.ant-popover-open){color:var(--blue-primary);background:var(--blue-light-2)}.snmt-popover .ant-popover-inner{padding:0}.snmt-popover.padding .ant-popover-inner{padding:16px}.wrapper{cursor:pointer}.snmt-select-1-15-6{width:100%;position:relative;height:48px;font-family:Montserrat,sans-serif;font-weight:500}.snmt-select-1-15-6 .snmt-select-blank .ant-select-selector{border:none!important}.snmt-select-1-15-6 .ant-select{height:100%;pointer-events:none;width:100%;border-radius:8px}.snmt-select-1-15-6 .ant-select .wrapper-suffix-icon{pointer-events:none;display:flex;align-items:center;gap:10px}.snmt-select-1-15-6 .ant-select-focused .ant-select-selector{box-shadow:none!important}.snmt-select-1-15-6 .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-1-15-6 .ant-select-selector:hover{border-color:var(--blue-dark-1)!important}.snmt-select-1-15-6 .ant-select-selection-search{margin-inline-start:0px!important;font-size:16px;font-weight:500}.snmt-select-1-15-6 .ant-select-selection-search input{font-size:16px!important;font-weight:500!important;color:var(--grey-dark-5)!important}.snmt-select-1-15-6 .ant-select-arrow div{pointer-events:all;position:relative;z-index:10}.snmt-select-1-15-6 .ant-select-selection-overflow-item-rest .ant-tag-close-icon{display:none}.snmt-select-1-15-6 .ant-select-disabled .snmt-select-1-15-6 .ant-select-arrow div{pointer-events:none!important;cursor:not-allowed!important}.snmt-select-1-15-6.snmt-select-single .ant-select-selection-item{font-family:Montserrat,sans-serif;font-weight:500;color:var(--grey-dark-5);font-size:16px}.snmt-select-1-15-6.snmt-select-single .ant-select-selection-item img{display:none}.snmt-select-1-15-6 .ant-select-multiple .ant-select-selector{padding:9px 48px 9px 16px!important}.snmt-select-1-15-6 .ant-select-multiple .ant-select-selection-item{background-color:var(--grey-light-2)}.snmt-select-1-15-6 .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-1-15-6 .ant-select-multiple .ant-select-selection-item-content img{display:none}.snmt-select-1-15-6 .ant-select-multiple .ant-select-selection-overflow-item .tag-wrapper{margin:0 3px}.snmt-select-1-15-6 .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-1-15-6 .ant-select-multiple .ant-select-selection-overflow-item-rest .ant-select-selection-item-content{margin:0}.snmt-select-1-15-6 .ant-select-multiple .ant-select-selection-overflow-item:first-of-type .tag-wrapper{margin-left:0;margin-right:3px}.snmt-select-1-15-6 .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-1-15-6 .ant-select-open .ant-select-selector{box-shadow:none!important;border-color:var(--blue-primary)!important}.snmt-select-1-15-6 .select-arrow{transition:transform .3s ease;position:relative;z-index:2}.snmt-select-1-15-6 .select-arrow-rotated{transition:transform .3s ease;transform:rotate(180deg)}.snmt-select-1-15-6>label{position:absolute;top:calc(50% - 10px);left:18px;width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:16px;font-style:normal;font-weight:500;line-height:normal;-webkit-user-select:none;user-select:none;pointer-events:none;color:var(--grey-dark-2);transition:top .2s cubic-bezier(0,0,.2,1) 0ms,font-size .2s cubic-bezier(0,0,.2,1) 0ms}.snmt-select-1-15-6>label.label-floating{top:-7px;font-size:12px}.snmt-select-1-15-6>label.label-disabled{color:var(--grey-dark-1)}.snmt-select-1-15-6>label.label-loading{padding-left:30px}.snmt-select-1-15-6>label.label-loading.label-floating{padding-left:0}.snmt-select-1-15-6 fieldset{position:absolute;min-width:0;margin:0;padding:0 11px;top:-6px;right:0;bottom:0;left:0;border:1px solid var(--grey-light-4);border-radius:8px;text-align:left;pointer-events:none}.snmt-select-1-15-6 fieldset>legend{max-width:0;height:14px;padding:0;font-size:12px}.snmt-select-1-15-6 fieldset>legend>span{opacity:0!important;padding:0 5px;pointer-events:none;-webkit-user-select:none;user-select:none}.snmt-select-1-15-6 fieldset.fieldset-focused>legend,.snmt-select-1-15-6 fieldset.fieldset-filled>legend,.snmt-select-1-15-6 fieldset.fieldset-disabled>legend{max-width:100%}.snmt-select-1-15-6 fieldset.fieldset-focused{border-color:var(--blue-primary);border-width:2px;color:var(--blue-primary)}.snmt-select-1-15-6 fieldset.fieldset-disabled{border:none;color:var(--grey-dark-1)}.snmt-select-1-15-6 fieldset.fieldset-disabled:not(.fieldset-filled){display:none}.snmt-select-1-15-6 fieldset.fieldset-filled{border-color:var(--grey-light-4);color:var(--grey-dark-2)}.snmt-select-1-15-6 fieldset.fieldset-filled.fieldset-disabled{color:var(--grey-dark-1)}.snmt-select-1-15-6 fieldset.fieldset-error,.snmt-select-1-15-6 fieldset.fieldset-focused.fieldset-error{border-color:var(--notification-error-dark)}.snmt-select-1-15-6:hover:not(.snmt-select-read-only) fieldset:not(.fieldset-disabled):not(.fieldset-error):not(.fieldset-focused){border-color:var(--blue-dark-1)}.snmt-select-1-15-6:hover:not(.snmt-select-read-only)>label.label-floating:not(.label-disabled):not(.label-focused):not(.label-error){color:var(--blue-dark-1)}.snmt-select-1-15-6.snmt-select-read-only .ant-select-selector{background-color:var(--grey-light-2);cursor:not-allowed;pointer-events:none!important}.snmt-select-1-15-6.snmt-select-read-only .ant-select-arrow{pointer-events:all!important;cursor:pointer}.snmt-select-1-15-6.snmt-select-read-only .ant-select{pointer-events:auto!important}.snmt-select-1-15-6.snmt-select-focused fieldset.fieldset-focused:not(.fieldset-disabled):not(.fieldset-error){border-color:var(--blue-primary);border-width:2px}.snmt-select-1-15-6.snmt-select-focused>label.label-floating:not(.label-disabled){color:var(--blue-primary)}.snmt-select-1-15-6>label.label-floating.label-error:not(.label-disabled){color:var(--notification-error-dark)}.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 .ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector{background:var(--grey-light-2);border:none!important}.ant-select-dropdown .ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item{color:var(--grey-dark-1)!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-dropdown .rc-virtual-list-scrollbar-vertical{visibility:hidden!important}.dropdown-read-only .rc-virtual-list{pointer-events:none}.dropdown-container{position:relative;display:block}.dropdown-container .dropdown-menu{position:relative;z-index:0}.dropdown-container .loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--grey-light-1);opacity:.9;display:flex;align-items:center;justify-content:center;pointer-events:none}.snmt-select-container .snmt-flex{margin-top:6px}.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/city-select",
     "private": false,
-    "version": "2.8.21",
+    "version": "2.8.22",
     "type": "module",
     "main": "dist/city-select.js",
     "types": "dist/index.d.ts",
@@ -18,7 +18,7 @@
         "build": "tsc && vite build"
     },
     "dependencies": {
-        "@snmt-react-ui/async-select": "^1.10.21",
+        "@snmt-react-ui/async-select": "^1.11.0",
         "@snmt-react-ui/core": "^2.8.1",
         "i18next": "^23.11.5",
         "react-i18next": "^14.1.1",
@@ -27,5 +27,5 @@
     "peerDependencies": {
         "antd": "^5.22.0"
     },
-    "gitHead": "9736ca423dcc8290d01ea7a3b4b58c493988355a"
+    "gitHead": "5f6bbaa95742f0120e3e783199f62397d8b29d14"
 }