@snmt-react-ui/city-select 2.3.4 → 2.4.0

package/dist/city-select.js

@@ -5,7 +5,7 @@ import "./index.css";
 import { jsx as n, Fragment as t1, jsxs as C } from "react/jsx-runtime";
 import { SNMTUiContext as de } from "@snmt-react-ui/core";
 import { Select as ge, Flex as Ce, Avatar as ue, Checkbox as pe, Typography as $1, Tag as Y1, Popover as fe } from "antd";
-import { createContext as n1, forwardRef as f1, useState as I, useRef as r1, useEffect as W, useCallback as G, useContext as l1 } from "react";
+import { createContext as n1, forwardRef as f1, useState as O, useRef as r1, useEffect as j, useCallback as K, useContext as l1 } from "react";
 const d1 = ({
   children: i,
   direction: e = "row",
@@ -56,8 +56,8 @@ const me = ({
   disabled: o = !1,
   disableUncheck: l = !1
 }) => {
-  const [c, r] = I(i), [d, g] = I(e);
-  W(() => {
+  const [c, r] = O(i), [d, g] = O(e);
+  j(() => {
     r(i), g(e);
   }, [i, e]);
   const { theme: a } = l1(U1);
@@ -1354,7 +1354,7 @@ const ke = ({
       /* @__PURE__ */ n("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), e2 = ({
+), et = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -1392,7 +1392,7 @@ const ke = ({
       )
     ]
   }
-), t2 = ({
+), tt = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -1418,7 +1418,7 @@ const ke = ({
       }
     )
   }
-), i2 = ({
+), it = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -1447,7 +1447,7 @@ const ke = ({
       )
     ]
   }
-), s2 = ({
+), st = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -1476,7 +1476,7 @@ const ke = ({
       )
     ]
   }
-), o2 = ({
+), ot = ({
   width: i = 248,
   height: e = 248,
   color: t = "#070739",
@@ -1513,7 +1513,7 @@ const ke = ({
       )
     ]
   }
-), n2 = ({
+), nt = ({
   width: i = 24,
   height: e = 24,
   color: t = "#001E52",
@@ -1552,7 +1552,7 @@ const ke = ({
       )
     ]
   }
-), r2 = ({
+), rt = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -1581,7 +1581,7 @@ const ke = ({
       )
     ]
   }
-), l2 = ({
+), lt = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -1618,7 +1618,7 @@ const ke = ({
       )
     ]
   }
-), a2 = ({
+), at = ({
   width: i = 24,
   height: e = 24,
   color: t = k.GREY_DARK_5,
@@ -1657,7 +1657,7 @@ const ke = ({
       )
     ]
   }
-), h2 = ({
+), ht = ({
   width: i = 20,
   height: e = 20,
   color: t = k.GREY_DARK_1,
@@ -1690,7 +1690,7 @@ const ke = ({
       )
     ]
   }
-), c2 = ({
+), ct = ({
   width: i = 81,
   height: e = 80,
   color: t = k.GREY_DARK_5,
@@ -1739,7 +1739,7 @@ const ke = ({
       )
     ]
   }
-), d2 = ({
+), dt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 20,
@@ -1766,7 +1766,7 @@ const ke = ({
       }
     )
   }
-), g2 = ({
+), gt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 20,
@@ -1793,7 +1793,7 @@ const ke = ({
       }
     )
   }
-), C2 = ({
+), Ct = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 5,
@@ -1817,7 +1817,7 @@ const ke = ({
       }
     )
   }
-), u2 = ({
+), ut = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 5,
@@ -1842,7 +1842,7 @@ const ke = ({
       }
     )
   }
-), p2 = ({
+), pt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -1881,7 +1881,7 @@ const ke = ({
       )
     ]
   }
-), f2 = ({
+), ft = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -1920,7 +1920,7 @@ const ke = ({
       )
     ]
   }
-), w2 = ({
+), wt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -1947,7 +1947,7 @@ const ke = ({
       }
     )
   }
-), m2 = ({
+), mt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2006,7 +2006,7 @@ const ke = ({
       )
     ]
   }
-), k2 = ({
+), kt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2043,7 +2043,7 @@ const ke = ({
       )
     ]
   }
-), L2 = ({
+), Lt = ({
   className: i,
   color: e = k.GREY_DARK_3,
   height: t = 14,
@@ -2080,7 +2080,7 @@ const ke = ({
       )
     ]
   }
-), v2 = ({
+), vt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 18,
@@ -2107,7 +2107,7 @@ const ke = ({
       }
     )
   }
-), N2 = ({
+), Nt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2159,7 +2159,7 @@ const ke = ({
       )
     ]
   }
-), x2 = ({
+), xt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2196,7 +2196,7 @@ const ke = ({
       )
     ]
   }
-), R2 = ({
+), Rt = ({
   className: i,
   color: e = k.NOTIFICATION_WARNING_DARK,
   height: t = 37,
@@ -2235,7 +2235,7 @@ const ke = ({
       )
     ]
   }
-), M2 = ({
+), Mt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2261,7 +2261,7 @@ const ke = ({
       }
     )
   }
-), y2 = ({
+), yt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2300,7 +2300,7 @@ const ke = ({
       )
     ]
   }
-), b2 = ({
+), bt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2339,7 +2339,7 @@ const ke = ({
       )
     ]
   }
-), E2 = ({
+), Et = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2408,7 +2408,7 @@ const ke = ({
       )
     ]
   }
-), H2 = ({
+), Ht = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2447,7 +2447,7 @@ const ke = ({
       )
     ]
   }
-), _2 = ({
+), _t = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2504,7 +2504,7 @@ const ke = ({
       )
     ]
   }
-), V2 = ({
+), Vt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2543,7 +2543,7 @@ const ke = ({
       )
     ]
   }
-), I2 = ({
+), It = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2592,7 +2592,7 @@ const ke = ({
       )
     ]
   }
-), S2 = ({
+), St = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2631,7 +2631,7 @@ const ke = ({
       )
     ]
   }
-), O2 = ({
+), Ot = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2658,7 +2658,7 @@ const ke = ({
       }
     )
   }
-), A2 = ({
+), At = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2696,7 +2696,7 @@ const ke = ({
       )
     ]
   }
-), B2 = ({
+), Bt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2717,7 +2717,7 @@ const ke = ({
       /* @__PURE__ */ n("path", { d: "M12 8L4 8", stroke: e, strokeWidth: "1.7", strokeLinecap: "round" })
     ]
   }
-), Z2 = ({
+), Zt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2756,7 +2756,7 @@ const ke = ({
       )
     ]
   }
-), W2 = ({
+), Wt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2795,7 +2795,7 @@ const ke = ({
       )
     ]
   }
-), j2 = ({
+), jt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 24,
@@ -2834,7 +2834,7 @@ const ke = ({
       )
     ]
   }
-), D2 = ({
+), Dt = ({
   className: i,
   color: e = k.GREY_DARK_2,
   height: t = 16,
@@ -2860,7 +2860,7 @@ const ke = ({
       }
     )
   }
-), T2 = ({
+), Tt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 20,
@@ -2889,7 +2889,7 @@ const ke = ({
       /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_3992_5989", children: /* @__PURE__ */ n("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), G2 = ({
+), Gt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 20,
@@ -2918,7 +2918,7 @@ const ke = ({
       /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_3992_5988", children: /* @__PURE__ */ n("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), K2 = ({
+), Kt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 20,
@@ -2947,7 +2947,7 @@ const ke = ({
       )
     ]
   }
-), P2 = ({
+), Pt = ({
   className: i,
   color: e = k.GREY_DARK_5,
   height: t = 20,
@@ -2976,7 +2976,7 @@ const ke = ({
       )
     ]
   }
-), F2 = ({
+), Ft = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -3002,7 +3002,7 @@ const ke = ({
       }
     )
   }
-), $2 = ({
+), $t = ({
   className: i,
   color: e = "#131314",
   height: t = 20,
@@ -3030,7 +3030,7 @@ const ke = ({
       }
     )
   }
-), Y2 = ({
+), Yt = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -3068,7 +3068,7 @@ const ke = ({
       )
     ] }) })
   }
-), U2 = ({
+), Ut = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3133,8 +3133,8 @@ const ke = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [r, d] = I(o), { theme: g } = l1(z1), a = l ? g && g === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : s, h = l ? void 0 : c;
-  return W(() => {
+  const [r, d] = O(o), { theme: g } = l1(z1), a = l ? g && g === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : s, h = l ? void 0 : c;
+  return j(() => {
     if (o) {
       h && !l && d(`${o} clickable`);
       return;
@@ -3143,9 +3143,9 @@ const ke = ({
   }, [h, o, l]), /* @__PURE__ */ n(t1, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return d2({ width: e, height: t, color: a, className: r, onClick: h });
+        return dt({ width: e, height: t, color: a, className: r, onClick: h });
       case "prevIcon":
-        return g2({ width: e, height: t, color: a, className: r, onClick: h });
+        return gt({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowUp":
         return ke({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowDown":
@@ -3251,7 +3251,7 @@ const ke = ({
       case "errorMedium":
         return qe({ width: e, height: t, color: a, className: r, onClick: h });
       case "faviconSkills":
-        return o2({
+        return ot({
           width: e,
           height: t,
           color: a,
@@ -3267,7 +3267,7 @@ const ke = ({
           onClick: h
         });
       case "visibilityOffIcon":
-        return e2({
+        return et({
           width: e,
           height: t,
           color: a,
@@ -3275,7 +3275,7 @@ const ke = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return t2({
+        return tt({
           width: e,
           height: t,
           color: a,
@@ -3283,7 +3283,7 @@ const ke = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return i2({
+        return it({
           width: e,
           height: t,
           color: a,
@@ -3291,7 +3291,7 @@ const ke = ({
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return s2({
+        return st({
           width: e,
           height: t,
           color: a,
@@ -3299,99 +3299,99 @@ const ke = ({
           onClick: h
         });
       case "camera":
-        return n2({ width: e, height: t, color: a, className: r, onClick: h });
+        return nt({ width: e, height: t, color: a, className: r, onClick: h });
       case "sortUp":
-        return r2({ width: e, height: t, color: a, className: r, onClick: h });
+        return rt({ width: e, height: t, color: a, className: r, onClick: h });
       case "sortDown":
-        return l2({ width: e, height: t, color: a, className: r, onClick: h });
+        return lt({ width: e, height: t, color: a, className: r, onClick: h });
       case "logOut2":
-        return a2({ width: e, height: t, color: a, className: r, onClick: h });
+        return at({ width: e, height: t, color: a, className: r, onClick: h });
       case "search":
-        return h2({ width: e, height: t, color: a, className: r, onClick: h });
+        return ht({ width: e, height: t, color: a, className: r, onClick: h });
       case "handRock":
-        return c2({ width: e, height: t, color: a, className: r, onClick: h });
+        return ct({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowUpFilled":
-        return u2({ width: e, height: t, color: a, className: r, onClick: h });
+        return ut({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowDownFilled":
-        return C2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Ct({ width: e, height: t, color: a, className: r, onClick: h });
       case "link":
-        return p2({ width: e, height: t, color: a, className: r, onClick: h });
+        return pt({ width: e, height: t, color: a, className: r, onClick: h });
       case "telegram":
-        return w2({ width: e, height: t, color: a, className: r, onClick: h });
+        return wt({ width: e, height: t, color: a, className: r, onClick: h });
       case "mail":
-        return k2({ width: e, height: t, color: a, className: r, onClick: h });
+        return kt({ width: e, height: t, color: a, className: r, onClick: h });
       case "github":
-        return f2({ width: e, height: t, color: a, className: r, onClick: h });
+        return ft({ width: e, height: t, color: a, className: r, onClick: h });
       case "linkedIn":
-        return m2({ width: e, height: t, color: a, className: r, onClick: h });
+        return mt({ width: e, height: t, color: a, className: r, onClick: h });
       case "emptyStateIcon":
-        return L2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Lt({ width: e, height: t, color: a, className: r, onClick: h });
       case "filtersIcon":
-        return v2({ width: e, height: t, color: a, className: r, onClick: h });
+        return vt({ width: e, height: t, color: a, className: r, onClick: h });
       case "dotMenuIcon":
-        return N2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Nt({ width: e, height: t, color: a, className: r, onClick: h });
       case "plusCircle":
-        return x2({ width: e, height: t, color: a, className: r, onClick: h });
+        return xt({ width: e, height: t, color: a, className: r, onClick: h });
       case "warning":
-        return R2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Rt({ width: e, height: t, color: a, className: r, onClick: h });
       case "back":
-        return M2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Mt({ width: e, height: t, color: a, className: r, onClick: h });
       case "bell":
-        return y2({ width: e, height: t, color: a, className: r, onClick: h });
+        return yt({ width: e, height: t, color: a, className: r, onClick: h });
       case "contract":
-        return E2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Et({ width: e, height: t, color: a, className: r, onClick: h });
       case "trash2":
-        return b2({ width: e, height: t, color: a, className: r, onClick: h });
+        return bt({ width: e, height: t, color: a, className: r, onClick: h });
       case "manager":
-        return H2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Ht({ width: e, height: t, color: a, className: r, onClick: h });
       case "resourceManager":
-        return _2({ width: e, height: t, color: a, className: r, onClick: h });
+        return _t({ width: e, height: t, color: a, className: r, onClick: h });
       case "settings2":
-        return V2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Vt({ width: e, height: t, color: a, className: r, onClick: h });
       case "image":
-        return I2({ width: e, height: t, color: a, className: r, onClick: h });
+        return It({ width: e, height: t, color: a, className: r, onClick: h });
       case "upload":
-        return S2({ width: e, height: t, color: a, className: r, onClick: h });
+        return St({ width: e, height: t, color: a, className: r, onClick: h });
       case "edit":
-        return O2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Ot({ width: e, height: t, color: a, className: r, onClick: h });
       case "location":
-        return A2({ width: e, height: t, color: a, className: r, onClick: h });
+        return At({ width: e, height: t, color: a, className: r, onClick: h });
       case "plus2":
-        return B2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Bt({ width: e, height: t, color: a, className: r, onClick: h });
       case "search2":
-        return Z2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Zt({ width: e, height: t, color: a, className: r, onClick: h });
       case "fastArrowLeft":
-        return W2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Wt({ width: e, height: t, color: a, className: r, onClick: h });
       case "fastArrowRight":
-        return j2({ width: e, height: t, color: a, className: r, onClick: h });
+        return jt({ width: e, height: t, color: a, className: r, onClick: h });
       case "crossInCircle":
-        return D2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Dt({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowUp2":
-        return G2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Gt({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowDown2":
-        return T2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Tt({ width: e, height: t, color: a, className: r, onClick: h });
       case "filledArrowLeft":
-        return K2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Kt({ width: e, height: t, color: a, className: r, onClick: h });
       case "filledArrowRight":
-        return P2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Pt({ width: e, height: t, color: a, className: r, onClick: h });
       case "burgerMenu":
-        return F2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Ft({ width: e, height: t, color: a, className: r, onClick: h });
       case "signOut":
-        return $2({ width: e, height: t, color: a, className: r, onClick: h });
+        return $t({ width: e, height: t, color: a, className: r, onClick: h });
       case "refresh":
-        return Y2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Yt({ width: e, height: t, color: a, className: r, onClick: h });
       case "projects":
-        return U2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Ut({ width: e, height: t, color: a, className: r, onClick: h });
       default:
         return /* @__PURE__ */ n(t1, { children: "No Icon provided" });
     }
   })() });
-}, { Title: z2, Text: J2 } = $1, Q2 = {
+}, { Title: zt, Text: Jt } = $1, Qt = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, q2 = f1(
+}, qt = f1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -3404,17 +3404,17 @@ const ke = ({
     const d = e === "h1" || e === "h2" || e === "h3" || e === "h4";
     let g = `snmt-typography snmt-typography-${e}`;
     return i && i !== "inherit" && (g += ` snmt-typography-align-${i}`), l && (g += " collapsed"), d ? /* @__PURE__ */ n(
-      z2,
+      zt,
       {
         className: g,
         style: { color: t, whiteSpace: c },
         onClick: o,
-        level: Q2[e],
+        level: Qt[e],
         ref: r,
         children: s
       }
     ) : /* @__PURE__ */ n(
-      J2,
+      Jt,
       {
         className: g,
         style: { color: t, whiteSpace: c },
@@ -3431,7 +3431,7 @@ const J1 = n1({
   theme: "light"
 });
 J1.Provider;
-const X2 = ({
+const Xt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3458,7 +3458,7 @@ const X2 = ({
       }
     )
   }
-), et = ({
+), e2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3485,7 +3485,7 @@ const X2 = ({
       }
     )
   }
-), tt = ({
+), t2 = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -3513,7 +3513,7 @@ const X2 = ({
       )
     ]
   }
-), it = ({
+), i2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3548,7 +3548,7 @@ const X2 = ({
       )
     ]
   }
-), st = ({
+), s2 = ({
   width: i = 18,
   height: e = 18,
   color: t = "#001E52",
@@ -3587,7 +3587,7 @@ const X2 = ({
       )
     ]
   }
-), ot = ({
+), o2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3613,7 +3613,7 @@ const X2 = ({
       }
     )
   }
-), nt = ({
+), n2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3634,7 +3634,7 @@ const X2 = ({
       /* @__PURE__ */ n("path", { d: "M16 4L4 16", stroke: t, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), rt = ({
+), r2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3666,7 +3666,7 @@ const X2 = ({
       )
     ]
   }
-), lt = ({
+), l2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3720,7 +3720,7 @@ const X2 = ({
       )
     ]
   }
-), at = ({
+), a2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3759,7 +3759,7 @@ const X2 = ({
       /* @__PURE__ */ n("path", { d: "M3 12L17 12", stroke: t, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), ht = ({
+), h2 = ({
   width: i = 16,
   height: e = 12,
   color: t = "#001E52",
@@ -3808,7 +3808,7 @@ const X2 = ({
       )
     ] })
   }
-), ct = ({
+), c2 = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -3842,7 +3842,7 @@ const X2 = ({
       )
     ]
   }
-), dt = ({
+), d2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -3881,7 +3881,7 @@ const X2 = ({
       )
     ] })
   }
-), gt = ({
+), g2 = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -3917,7 +3917,7 @@ const X2 = ({
       )
     ]
   }
-), Ct = ({
+), C2 = ({
   width: i = 11,
   height: e = 32,
   color: t = "#001E52",
@@ -3955,7 +3955,7 @@ const X2 = ({
       /* @__PURE__ */ n("circle", { cx: "3", cy: "3", r: "3", fill: t })
     ]
   }
-), ut = ({
+), u2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4002,7 +4002,7 @@ const X2 = ({
       )
     ]
   }
-), pt = ({
+), p2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4035,7 +4035,7 @@ const X2 = ({
       )
     ]
   }
-), ft = ({
+), f2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4082,7 +4082,7 @@ const X2 = ({
       )
     ]
   }
-), wt = ({
+), w2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4115,7 +4115,7 @@ const X2 = ({
       )
     ]
   }
-), mt = ({
+), m2 = ({
   width: i = 18,
   height: e = 16,
   color: t = "#001E52",
@@ -4154,7 +4154,7 @@ const X2 = ({
       )
     ]
   }
-), kt = ({
+), k2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4187,7 +4187,7 @@ const X2 = ({
       )
     ]
   }
-), Lt = ({
+), L2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4211,7 +4211,7 @@ const X2 = ({
       }
     )
   }
-), vt = ({
+), v2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4258,7 +4258,7 @@ const X2 = ({
       )
     ]
   }
-), Nt = ({
+), N2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4291,7 +4291,7 @@ const X2 = ({
       )
     ]
   }
-), xt = ({
+), x2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4324,7 +4324,7 @@ const X2 = ({
       )
     ]
   }
-), Rt = ({
+), R2 = ({
   width: i = 20,
   height: e = 23,
   color: t = "#001E52",
@@ -4385,7 +4385,7 @@ const X2 = ({
       )
     ]
   }
-), Mt = ({
+), M2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4425,7 +4425,7 @@ const X2 = ({
       )
     ]
   }
-), yt = ({
+), y2 = ({
   width: i = 32,
   height: e = 25,
   color: t = "#001E52",
@@ -4453,7 +4453,7 @@ const X2 = ({
       )
     ]
   }
-), bt = ({
+), b2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#10B981",
@@ -4482,7 +4482,7 @@ const X2 = ({
       )
     ]
   }
-), Et = ({
+), E2 = ({
   width: i = 11,
   height: e = 11,
   color: t = "#FFB020",
@@ -4516,7 +4516,7 @@ const X2 = ({
       )
     ]
   }
-), Ht = ({
+), H2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#88A4FF",
@@ -4564,7 +4564,7 @@ const X2 = ({
       )
     ]
   }
-), _t = ({
+), _2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#8E8E93",
@@ -4592,7 +4592,7 @@ const X2 = ({
       )
     ]
   }
-), Vt = ({
+), V2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#FFB020",
@@ -4626,7 +4626,7 @@ const X2 = ({
       )
     ]
   }
-), It = ({
+), I2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#D0421B",
@@ -4674,7 +4674,7 @@ const X2 = ({
       )
     ]
   }
-), St = ({
+), S2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -4704,7 +4704,7 @@ const X2 = ({
       /* @__PURE__ */ n("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), Ot = ({
+), O2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -4742,7 +4742,7 @@ const X2 = ({
       )
     ]
   }
-), At = ({
+), A2 = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -4768,7 +4768,7 @@ const X2 = ({
       }
     )
   }
-), Bt = ({
+), B2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -4797,7 +4797,7 @@ const X2 = ({
       )
     ]
   }
-), Zt = ({
+), Z2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -4826,7 +4826,7 @@ const X2 = ({
       )
     ]
   }
-), Wt = ({
+), W2 = ({
   width: i = 248,
   height: e = 248,
   color: t = "#070739",
@@ -4863,7 +4863,7 @@ const X2 = ({
       )
     ]
   }
-), jt = ({
+), j2 = ({
   width: i = 24,
   height: e = 24,
   color: t = "#001E52",
@@ -4902,7 +4902,7 @@ const X2 = ({
       )
     ]
   }
-), Dt = ({
+), D2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -4931,7 +4931,7 @@ const X2 = ({
       )
     ]
   }
-), Tt = ({
+), T2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -4968,7 +4968,7 @@ const X2 = ({
       )
     ]
   }
-), Gt = ({
+), G2 = ({
   width: i = 24,
   height: e = 24,
   color: t = L.GREY_DARK_5,
@@ -5007,7 +5007,7 @@ const X2 = ({
       )
     ]
   }
-), Kt = ({
+), K2 = ({
   width: i = 20,
   height: e = 20,
   color: t = L.GREY_DARK_1,
@@ -5040,7 +5040,7 @@ const X2 = ({
       )
     ]
   }
-), Pt = ({
+), P2 = ({
   width: i = 81,
   height: e = 80,
   color: t = L.GREY_DARK_5,
@@ -5089,7 +5089,7 @@ const X2 = ({
       )
     ]
   }
-), Ft = ({
+), F2 = ({
   className: i,
   color: e = L.GREY_DARK_5,
   height: t = 20,
@@ -5116,7 +5116,7 @@ const X2 = ({
       }
     )
   }
-), $t = ({
+), $2 = ({
   className: i,
   color: e = L.GREY_DARK_5,
   height: t = 20,
@@ -5143,7 +5143,7 @@ const X2 = ({
       }
     )
   }
-), Yt = ({
+), Y2 = ({
   className: i,
   color: e = L.GREY_DARK_5,
   height: t = 5,
@@ -5167,7 +5167,7 @@ const X2 = ({
       }
     )
   }
-), Ut = ({
+), U2 = ({
   className: i,
   color: e = L.GREY_DARK_5,
   height: t = 5,
@@ -5192,7 +5192,7 @@ const X2 = ({
       }
     )
   }
-), zt = ({
+), z2 = ({
   className: i,
   color: e = L.GREY_DARK_5,
   height: t = 24,
@@ -5231,7 +5231,7 @@ const X2 = ({
       )
     ]
   }
-), Jt = ({
+), J2 = ({
   className: i,
   color: e = L.GREY_DARK_5,
   height: t = 24,
@@ -5270,7 +5270,7 @@ const X2 = ({
       )
     ]
   }
-), Qt = ({
+), Q2 = ({
   className: i,
   color: e = L.GREY_DARK_5,
   height: t = 24,
@@ -5297,7 +5297,7 @@ const X2 = ({
       }
     )
   }
-), qt = ({
+), q2 = ({
   className: i,
   color: e = L.GREY_DARK_5,
   height: t = 24,
@@ -5356,7 +5356,7 @@ const X2 = ({
       )
     ]
   }
-), Xt = ({
+), X2 = ({
   className: i,
   color: e = L.GREY_DARK_5,
   height: t = 24,
@@ -6483,8 +6483,8 @@ const X2 = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [r, d] = I(o), { theme: g } = l1(J1), a = l ? g && g === "dark" ? L.GREY_LIGHT_4 : L.GREY_DARK_1 : s, h = l ? void 0 : c;
-  return W(() => {
+  const [r, d] = O(o), { theme: g } = l1(J1), a = l ? g && g === "dark" ? L.GREY_LIGHT_4 : L.GREY_DARK_1 : s, h = l ? void 0 : c;
+  return j(() => {
     if (o) {
       h && !l && d(`${o} clickable`);
       return;
@@ -6493,39 +6493,39 @@ const X2 = ({
   }, [h, o, l]), /* @__PURE__ */ n(t1, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return Ft({ width: e, height: t, color: a, className: r, onClick: h });
+        return F2({ width: e, height: t, color: a, className: r, onClick: h });
       case "prevIcon":
-        return $t({ width: e, height: t, color: a, className: r, onClick: h });
+        return $2({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowUp":
-        return X2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Xt({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowDown":
-        return et({ width: e, height: t, color: a, className: r, onClick: h });
+        return e2({ width: e, height: t, color: a, className: r, onClick: h });
       case "info":
-        return tt({ width: e, height: t, color: a, className: r, onClick: h });
+        return t2({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowRight":
-        return it({ width: e, height: t, color: a, className: r, onClick: h });
+        return i2({ width: e, height: t, color: a, className: r, onClick: h });
       case "calendar":
-        return st({ width: e, height: t, color: a, className: r, onClick: h });
+        return s2({ width: e, height: t, color: a, className: r, onClick: h });
       case "ok":
-        return ot({ width: e, height: t, color: a, className: r, onClick: h });
+        return o2({ width: e, height: t, color: a, className: r, onClick: h });
       case "cancel":
-        return nt({ width: e, height: t, color: a, className: r, onClick: h });
+        return n2({ width: e, height: t, color: a, className: r, onClick: h });
       case "add":
-        return rt({ width: e, height: t, color: a, className: r, onClick: h });
+        return r2({ width: e, height: t, color: a, className: r, onClick: h });
       case "list":
-        return lt({ width: e, height: t, color: a, className: r, onClick: h });
+        return l2({ width: e, height: t, color: a, className: r, onClick: h });
       case "dragAndDrop":
-        return at({ width: e, height: t, color: a, className: r, onClick: h });
+        return a2({ width: e, height: t, color: a, className: r, onClick: h });
       case "filter":
-        return ht({ width: e, height: t, color: a, className: r, onClick: h });
+        return h2({ width: e, height: t, color: a, className: r, onClick: h });
       case "attention":
-        return ct({ width: e, height: t, color: a, className: r, onClick: h });
+        return c2({ width: e, height: t, color: a, className: r, onClick: h });
       case "plus":
-        return dt({ width: e, height: t, color: a, className: r, onClick: h });
+        return d2({ width: e, height: t, color: a, className: r, onClick: h });
       case "time":
-        return gt({ width: e, height: t, color: a, className: r, onClick: h });
+        return g2({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowDownLong":
-        return Ct({
+        return C2({
           width: e,
           height: t,
           color: a,
@@ -6533,9 +6533,9 @@ const X2 = ({
           onClick: h
         });
       case "users":
-        return ut({ width: e, height: t, color: a, className: r, onClick: h });
+        return u2({ width: e, height: t, color: a, className: r, onClick: h });
       case "mySkillsMatrix":
-        return pt({
+        return p2({
           width: e,
           height: t,
           color: a,
@@ -6543,9 +6543,9 @@ const X2 = ({
           onClick: h
         });
       case "skills":
-        return ft({ width: e, height: t, color: a, className: r, onClick: h });
+        return f2({ width: e, height: t, color: a, className: r, onClick: h });
       case "skillsMatrices":
-        return wt({
+        return w2({
           width: e,
           height: t,
           color: a,
@@ -6553,23 +6553,23 @@ const X2 = ({
           onClick: h
         });
       case "history":
-        return mt({ width: e, height: t, color: a, className: r, onClick: h });
+        return m2({ width: e, height: t, color: a, className: r, onClick: h });
       case "logOut":
-        return kt({ width: e, height: t, color: a, className: r, onClick: h });
+        return k2({ width: e, height: t, color: a, className: r, onClick: h });
       case "settings":
-        return Lt({ width: e, height: t, color: a, className: r, onClick: h });
+        return L2({ width: e, height: t, color: a, className: r, onClick: h });
       case "addSkill":
-        return vt({ width: e, height: t, color: a, className: r, onClick: h });
+        return v2({ width: e, height: t, color: a, className: r, onClick: h });
       case "conversation":
-        return Nt({ width: e, height: t, color: a, className: r, onClick: h });
+        return N2({ width: e, height: t, color: a, className: r, onClick: h });
       case "trash":
-        return xt({ width: e, height: t, color: a, className: r, onClick: h });
+        return x2({ width: e, height: t, color: a, className: r, onClick: h });
       case "settings4":
-        return Rt({ width: e, height: t, color: a, className: r, onClick: h });
+        return R2({ width: e, height: t, color: a, className: r, onClick: h });
       case "edit2":
-        return Mt({ width: e, height: t, color: a, className: r, onClick: h });
+        return M2({ width: e, height: t, color: a, className: r, onClick: h });
       case "notifications":
-        return yt({
+        return y2({
           width: e,
           height: t,
           color: a,
@@ -6577,9 +6577,9 @@ const X2 = ({
           onClick: h
         });
       case "success":
-        return bt({ width: e, height: t, color: a, className: r, onClick: h });
+        return b2({ width: e, height: t, color: a, className: r, onClick: h });
       case "attentionSmall":
-        return Et({
+        return E2({
           width: e,
           height: t,
           color: a,
@@ -6587,11 +6587,11 @@ const X2 = ({
           onClick: h
         });
       case "errorSmall":
-        return Ht({ width: e, height: t, color: a, className: r, onClick: h });
+        return H2({ width: e, height: t, color: a, className: r, onClick: h });
       case "infoMedium":
-        return _t({ width: e, height: t, color: a, className: r, onClick: h });
+        return _2({ width: e, height: t, color: a, className: r, onClick: h });
       case "attentionMedium":
-        return Vt({
+        return V2({
           width: e,
           height: t,
           color: a,
@@ -6599,9 +6599,9 @@ const X2 = ({
           onClick: h
         });
       case "errorMedium":
-        return It({ width: e, height: t, color: a, className: r, onClick: h });
+        return I2({ width: e, height: t, color: a, className: r, onClick: h });
       case "faviconSkills":
-        return Wt({
+        return W2({
           width: e,
           height: t,
           color: a,
@@ -6609,7 +6609,7 @@ const X2 = ({
           onClick: h
         });
       case "visibilityIcon":
-        return St({
+        return S2({
           width: e,
           height: t,
           color: a,
@@ -6617,7 +6617,7 @@ const X2 = ({
           onClick: h
         });
       case "visibilityOffIcon":
-        return Ot({
+        return O2({
           width: e,
           height: t,
           color: a,
@@ -6625,7 +6625,7 @@ const X2 = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return At({
+        return A2({
           width: e,
           height: t,
           color: a,
@@ -6633,7 +6633,7 @@ const X2 = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return Bt({
+        return B2({
           width: e,
           height: t,
           color: a,
@@ -6641,7 +6641,7 @@ const X2 = ({
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return Zt({
+        return Z2({
           width: e,
           height: t,
           color: a,
@@ -6649,31 +6649,31 @@ const X2 = ({
           onClick: h
         });
       case "camera":
-        return jt({ width: e, height: t, color: a, className: r, onClick: h });
+        return j2({ width: e, height: t, color: a, className: r, onClick: h });
       case "sortUp":
-        return Dt({ width: e, height: t, color: a, className: r, onClick: h });
+        return D2({ width: e, height: t, color: a, className: r, onClick: h });
       case "sortDown":
-        return Tt({ width: e, height: t, color: a, className: r, onClick: h });
+        return T2({ width: e, height: t, color: a, className: r, onClick: h });
       case "logOut2":
-        return Gt({ width: e, height: t, color: a, className: r, onClick: h });
+        return G2({ width: e, height: t, color: a, className: r, onClick: h });
       case "search":
-        return Kt({ width: e, height: t, color: a, className: r, onClick: h });
+        return K2({ width: e, height: t, color: a, className: r, onClick: h });
       case "handRock":
-        return Pt({ width: e, height: t, color: a, className: r, onClick: h });
+        return P2({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowUpFilled":
-        return Ut({ width: e, height: t, color: a, className: r, onClick: h });
+        return U2({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowDownFilled":
-        return Yt({ width: e, height: t, color: a, className: r, onClick: h });
+        return Y2({ width: e, height: t, color: a, className: r, onClick: h });
       case "link":
-        return zt({ width: e, height: t, color: a, className: r, onClick: h });
+        return z2({ width: e, height: t, color: a, className: r, onClick: h });
       case "telegram":
-        return Qt({ width: e, height: t, color: a, className: r, onClick: h });
+        return Q2({ width: e, height: t, color: a, className: r, onClick: h });
       case "mail":
-        return Xt({ width: e, height: t, color: a, className: r, onClick: h });
+        return X2({ width: e, height: t, color: a, className: r, onClick: h });
       case "github":
-        return Jt({ width: e, height: t, color: a, className: r, onClick: h });
+        return J2({ width: e, height: t, color: a, className: r, onClick: h });
       case "linkedIn":
-        return qt({ width: e, height: t, color: a, className: r, onClick: h });
+        return q2({ width: e, height: t, color: a, className: r, onClick: h });
       case "emptyStateIcon":
         return e5({ width: e, height: t, color: a, className: r, onClick: h });
       case "filtersIcon":
@@ -6762,7 +6762,7 @@ const q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
       bordered: !1,
       style: { width: e ?? "fit-content" },
       closable: o,
-      children: typeof i == "string" ? /* @__PURE__ */ n(q2, { variant: t === "small" ? "body4" : "body2", children: i }) : i
+      children: typeof i == "string" ? /* @__PURE__ */ n(qt, { variant: t === "small" ? "body4" : "body2", children: i }) : i
     }
   );
 }, { Title: V5, Text: I5 } = $1, S5 = {
@@ -6811,7 +6811,7 @@ const q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
   placement: o = "topRight",
   noPadding: l = !1
 }) => {
-  const [c, r] = I(!1);
+  const [c, r] = O(!1);
   return /* @__PURE__ */ n(
     fe,
     {
@@ -6835,8 +6835,8 @@ const q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
   options: o,
   extraOptions: l
 }) => {
-  const [c, r] = I(!1);
-  W(() => {
+  const [c, r] = O(!1);
+  j(() => {
     i.length || r(!1);
   }, [i]);
   const d = (a) => {
@@ -6901,34 +6901,34 @@ const q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
     extraOptions: v,
     dropdownRender: E,
     optionRender: R,
-    isLoading: A,
+    isLoading: B,
     readOnly: m
   }, M) => {
-    const [b, N] = I(!1), [T, Q] = I(!1), [Y, H] = I(!0), [y, S] = I(i), j = r1(null);
-    W(() => {
-      S(i);
+    const [y, N] = O(!1), [T, Q] = O(!1), [$, W] = O(!0), [b, _] = O(i), I = r1(null);
+    j(() => {
+      _(i);
     }, [i]);
-    const P = (f) => {
+    const G = (f) => {
       N(f), u && u(f);
-    }, F = (f, _) => {
+    }, F = (f, H) => {
       var D;
-      return !!((D = _ == null ? void 0 : _.label) != null && D.toString().toLowerCase().includes(f.toLowerCase()));
-    }, $ = () => {
+      return !!((D = H == null ? void 0 : H.label) != null && D.toString().toLowerCase().includes(f.toLowerCase()));
+    }, Y = () => {
       Q(!0);
-    }, B = () => {
+    }, V = () => {
       Q(!1);
-    }, Z = G(
+    }, Z = K(
       (f) => {
-        if (S(f), s) {
+        if (_(f), s) {
           const D = f;
           e == null || e(D);
           return;
         }
-        const _ = f;
-        e == null || e(_);
+        const H = f;
+        e == null || e(H);
       },
       [s, e]
-    ), U = G(() => {
+    ), U = K(() => {
       if (!m) {
         if (s) {
           Z([]);
@@ -6936,41 +6936,41 @@ const q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
         }
         Z("");
       }
-    }, [Z, s, m]), z = G(
+    }, [Z, s, m]), z = K(
       (f) => {
-        const _ = y.filter((D) => D !== f);
-        Z(_), S(_);
+        const H = b.filter((D) => D !== f);
+        Z(H), _(H);
       },
-      [Z, y]
-    ), y1 = G(
-      (f) => (y == null ? void 0 : y.indexOf(f)) === 0 ? (
+      [Z, b]
+    ), y1 = K(
+      (f) => (b == null ? void 0 : b.indexOf(f)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
-        /* @__PURE__ */ n("span", { className: "custom-placeholder", children: Y ? t : "" })
+        /* @__PURE__ */ n("span", { className: "custom-placeholder", children: $ ? t : "" })
       ) : /* @__PURE__ */ n(t1, {}),
-      [Y, y, t]
+      [$, b, t]
     ), ne = (f) => {
       f.preventDefault(), f.stopPropagation();
     }, re = async (f) => {
-      const { target: _ } = f;
-      _.scrollTop + _.offsetHeight >= _.scrollHeight - a && (p == null || p(!0)), w && await w(f);
-    }, m1 = G(
+      const { target: H } = f;
+      H.scrollTop + H.offsetHeight >= H.scrollHeight - a && (p == null || p(!0)), w && await w(f);
+    }, m1 = K(
       (f) => {
-        var _, D;
-        return ((_ = l.find((k1) => k1.value === f)) == null ? void 0 : _.label) || ((D = v == null ? void 0 : v.find(
+        var H, D;
+        return ((H = l.find((k1) => k1.value === f)) == null ? void 0 : H.label) || ((D = v == null ? void 0 : v.find(
           (k1) => k1.value === f
         )) == null ? void 0 : D.label) || f;
       },
       [v, l]
-    ), le = G(
+    ), le = K(
       (f) => {
-        var _;
+        var H;
         return /* @__PURE__ */ n(
           A5,
           {
             values: f,
             onTagClose: z,
-            maxWidth: ((_ = j.current) == null ? void 0 : _.clientWidth) || 0,
+            maxWidth: ((H = I.current) == null ? void 0 : H.clientWidth) || 0,
             disabled: r || m,
             options: l,
             extraOptions: v
@@ -6978,8 +6978,8 @@ const q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
         );
       },
       [r, v, z, l, m]
-    ), ae = G(
-      ({ label: f, value: _, mode: D }) => D === "filter" ? y1(_) : /* @__PURE__ */ n("div", { onMouseDown: ne, className: "tag-wrapper", children: /* @__PURE__ */ n(q1, { onClose: () => z(_), closable: !r, children: /* @__PURE__ */ n(X1, { variant: "body4", children: typeof f == "object" ? f : m1(_) }) }) }),
+    ), ae = K(
+      ({ label: f, value: H, mode: D }) => D === "filter" ? y1(H) : /* @__PURE__ */ n("div", { onMouseDown: ne, className: "tag-wrapper", children: /* @__PURE__ */ n(q1, { onClose: () => z(H), closable: !r, children: /* @__PURE__ */ n(X1, { variant: "body4", children: typeof f == "object" ? f : m1(H) }) }) }),
       [r, m1, z, y1]
     );
     return /* @__PURE__ */ C(
@@ -6987,7 +6987,7 @@ const q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
       {
         className: `snmt-select ${T ? "snmt-select-focused" : ""} 
                 ${s ? "" : "snmt-select-single"} ${m ? "snmt-select-read-only" : ""}`,
-        ref: j,
+        ref: I,
         style: { width: c },
         children: [
           /* @__PURE__ */ n(
@@ -6999,34 +6999,34 @@ const q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
               ref: M,
               showSearch: !!o,
               filterOption: o && F,
-              onDropdownVisibleChange: P,
+              onDropdownVisibleChange: G,
               placeholder: t ? d ? `${t}*` : t : void 0,
               disabled: r,
-              value: y || void 0,
+              value: b || void 0,
               labelRender: (f) => m1(f.value),
               mode: s === "filter" ? "multiple" : s,
               onChange: Z,
-              onFocus: $,
-              onBlur: B,
+              onFocus: Y,
+              onBlur: V,
               onSearch: (f) => {
-                H(!f), h && h(f);
+                W(!f), h && h(f);
               },
-              onSelect: () => H(!0),
-              onDeselect: () => H(!0),
+              onSelect: () => W(!0),
+              onDeselect: () => W(!0),
               tagRender: (f) => ae({ ...f, mode: s }),
               maxTagCount: "responsive",
               maxTagPlaceholder: le,
               onPopupScroll: re,
-              prefix: A && /* @__PURE__ */ n(E1, { size: 15 }),
+              prefix: B && /* @__PURE__ */ n(E1, { size: 15 }),
               suffixIcon: /* @__PURE__ */ n("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ C(t1, { children: [
-                y && !!y.length && (s || g) && /* @__PURE__ */ n("div", { onClick: U, children: /* @__PURE__ */ n(a1, { name: "cancel" }) }),
+                b && !!b.length && (s || g) && /* @__PURE__ */ n("div", { onClick: U, children: /* @__PURE__ */ n(a1, { name: "cancel" }) }),
                 /* @__PURE__ */ n(
                   a1,
                   {
                     name: "selectArrowIcon",
                     color: r ? e1.GREY_DARK_1 : e1.GREY_DARK_5,
-                    className: b ? "select-arrow-rotated" : "select-arrow",
-                    onClick: () => N(!b)
+                    className: y ? "select-arrow-rotated" : "select-arrow",
+                    onClick: () => N(!y)
                   }
                 )
               ] }) }),
@@ -7037,7 +7037,7 @@ const q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
                   s && /* @__PURE__ */ n(
                     me,
                     {
-                      checked: !!(y != null && y.includes(f.value))
+                      checked: !!(b != null && b.includes(f.value))
                     }
                   ),
                   /* @__PURE__ */ C(d1, { alignItems: "center", gap: 8, children: [
@@ -7045,7 +7045,7 @@ const q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
                     /* @__PURE__ */ n("span", { children: f.label })
                   ] })
                 ] }),
-                !s && y === f.value && /* @__PURE__ */ n(
+                !s && b === f.value && /* @__PURE__ */ n(
                   a1,
                   {
                     name: "ok",
@@ -7055,7 +7055,7 @@ const q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
                   }
                 )
               ] }),
-              dropdownRender: A ? () => /* @__PURE__ */ n(
+              dropdownRender: B ? () => /* @__PURE__ */ n(
                 "div",
                 {
                   style: {
@@ -7139,7 +7139,7 @@ class g1 {
     return e = e || this.options, e.prefix = e.prefix || this.prefix, new g1(this.logger, e);
   }
 }
-var K = new g1();
+var P = new g1();
 class w1 {
   constructor() {
     this.observers = {};
@@ -7373,7 +7373,7 @@ const O1 = {};
 class p1 extends w1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    super(), W5(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = K.create("translator");
+    super(), W5(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = P.create("translator");
   }
   changeLanguage(e) {
     e && (this.language = e);
@@ -7451,10 +7451,10 @@ class p1 extends w1 {
         return o ? (h.res = m, h.usedParams = this.getUsedParamsDetails(t), h) : m;
       }
       if (l) {
-        const m = Array.isArray(u), M = m ? [] : {}, b = m ? w : p;
+        const m = Array.isArray(u), M = m ? [] : {}, y = m ? w : p;
         for (const N in u)
           if (Object.prototype.hasOwnProperty.call(u, N)) {
-            const T = `${b}${l}${N}`;
+            const T = `${y}${l}${N}`;
             M[N] = this.translate(T, {
               ...t,
               joinArrays: !1,
@@ -7467,35 +7467,35 @@ class p1 extends w1 {
       u = u.join(E), u && (u = this.extendTranslation(u, e, t, s));
     else {
       let m = !1, M = !1;
-      const b = t.count !== void 0 && typeof t.count != "string", N = p1.hasDefaultValue(t), T = b ? this.pluralResolver.getSuffix(g, t.count, t) : "", Q = t.ordinal && b ? this.pluralResolver.getSuffix(g, t.count, {
+      const y = t.count !== void 0 && typeof t.count != "string", N = p1.hasDefaultValue(t), T = y ? this.pluralResolver.getSuffix(g, t.count, t) : "", Q = t.ordinal && y ? this.pluralResolver.getSuffix(g, t.count, {
         ordinal: !1
-      }) : "", Y = b && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), H = Y && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${T}`] || t[`defaultValue${Q}`] || t.defaultValue;
-      !this.isValidLookup(u) && N && (m = !0, u = H), this.isValidLookup(u) || (M = !0, u = c);
-      const S = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && M ? void 0 : u, j = N && H !== u && this.options.updateMissing;
-      if (M || m || j) {
-        if (this.logger.log(j ? "updateKey" : "missingKey", g, d, c, j ? H : u), l) {
-          const B = this.resolve(c, {
+      }) : "", $ = y && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), W = $ && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${T}`] || t[`defaultValue${Q}`] || t.defaultValue;
+      !this.isValidLookup(u) && N && (m = !0, u = W), this.isValidLookup(u) || (M = !0, u = c);
+      const _ = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && M ? void 0 : u, I = N && W !== u && this.options.updateMissing;
+      if (M || m || I) {
+        if (this.logger.log(I ? "updateKey" : "missingKey", g, d, c, I ? W : u), l) {
+          const V = this.resolve(c, {
             ...t,
             keySeparator: !1
           });
-          B && B.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
+          V && V.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
         }
-        let P = [];
+        let G = [];
         const F = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
         if (this.options.saveMissingTo === "fallback" && F && F[0])
-          for (let B = 0; B < F.length; B++)
-            P.push(F[B]);
-        else this.options.saveMissingTo === "all" ? P = this.languageUtils.toResolveHierarchy(t.lng || this.language) : P.push(t.lng || this.language);
-        const $ = (B, Z, U) => {
-          const z = N && U !== u ? U : S;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(B, d, Z, z, j, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(B, d, Z, z, j, t), this.emit("missingKey", B, d, Z, u);
+          for (let V = 0; V < F.length; V++)
+            G.push(F[V]);
+        else this.options.saveMissingTo === "all" ? G = this.languageUtils.toResolveHierarchy(t.lng || this.language) : G.push(t.lng || this.language);
+        const Y = (V, Z, U) => {
+          const z = N && U !== u ? U : _;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(V, d, Z, z, I, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(V, d, Z, z, I, t), this.emit("missingKey", V, d, Z, u);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && b ? P.forEach((B) => {
-          const Z = this.pluralResolver.getSuffixes(B, t);
-          Y && t[`defaultValue${this.options.pluralSeparator}zero`] && Z.indexOf(`${this.options.pluralSeparator}zero`) < 0 && Z.push(`${this.options.pluralSeparator}zero`), Z.forEach((U) => {
-            $([B], c + U, t[`defaultValue${U}`] || H);
+        this.options.saveMissing && (this.options.saveMissingPlurals && y ? G.forEach((V) => {
+          const Z = this.pluralResolver.getSuffixes(V, t);
+          $ && t[`defaultValue${this.options.pluralSeparator}zero`] && Z.indexOf(`${this.options.pluralSeparator}zero`) < 0 && Z.push(`${this.options.pluralSeparator}zero`), Z.forEach((U) => {
+            Y([V], c + U, t[`defaultValue${U}`] || W);
           });
-        }) : $(P, c, H));
+        }) : Y(G, c, W));
       }
       u = this.extendTranslation(u, e, t, h, s), M && u === c && this.options.appendNamespaceToMissingKey && (u = `${d}:${c}`), (M || m) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? u = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, m ? u : void 0) : u = this.options.parseMissingKeyHandler(u));
     }
@@ -7566,15 +7566,15 @@ class p1 extends w1 {
           else {
             let m;
             u && (m = this.pluralResolver.getSuffix(E, t.count, t));
-            const M = `${this.options.pluralSeparator}zero`, b = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (u && (R.push(a + m), t.ordinal && m.indexOf(b) === 0 && R.push(a + m.replace(b, this.options.pluralSeparator)), p && R.push(a + M)), w) {
+            const M = `${this.options.pluralSeparator}zero`, y = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
+            if (u && (R.push(a + m), t.ordinal && m.indexOf(y) === 0 && R.push(a + m.replace(y, this.options.pluralSeparator)), p && R.push(a + M)), w) {
               const N = `${a}${this.options.contextSeparator}${t.context}`;
-              R.push(N), u && (R.push(N + m), t.ordinal && m.indexOf(b) === 0 && R.push(N + m.replace(b, this.options.pluralSeparator)), p && R.push(N + M));
+              R.push(N), u && (R.push(N + m), t.ordinal && m.indexOf(y) === 0 && R.push(N + m.replace(y, this.options.pluralSeparator)), p && R.push(N + M));
             }
           }
-          let A;
-          for (; A = R.pop(); )
-            this.isValidLookup(s) || (l = A, s = this.getResource(E, v, A, t));
+          let B;
+          for (; B = R.pop(); )
+            this.isValidLookup(s) || (l = B, s = this.getResource(E, v, B, t));
         }));
       });
     }), {
@@ -7619,7 +7619,7 @@ class p1 extends w1 {
 const L1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
 class A1 {
   constructor(e) {
-    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = K.create("languageUtils");
+    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = P.create("languageUtils");
   }
   getScriptPartFromCode(e) {
     if (e = u1(e), !e || e.indexOf("-") < 0) return null;
@@ -7813,7 +7813,7 @@ const J5 = ["v1", "v2", "v3"], Q5 = ["v4"], B1 = {
 class X5 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.languageUtils = e, this.options = t, this.logger = K.create("pluralResolver"), (!this.options.compatibilityJSON || Q5.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 = q5(), this.pluralRulesCache = {};
+    this.languageUtils = e, this.options = t, this.logger = P.create("pluralResolver"), (!this.options.compatibilityJSON || Q5.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 = q5(), this.pluralRulesCache = {};
   }
   addRule(e, t) {
     this.rules[e] = t;
@@ -7877,7 +7877,7 @@ const Z1 = function(i, e, t) {
 class e3 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = K.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
+    this.logger = P.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] : {};
@@ -8032,7 +8032,7 @@ const t3 = (i) => {
 class i3 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = K.create("formatter"), this.options = e, this.formats = {
+    this.logger = P.create("formatter"), this.options = e, this.formats = {
       number: X((t, s) => {
         const o = new Intl.NumberFormat(t, {
           ...s
@@ -8115,7 +8115,7 @@ const s3 = (i, e) => {
 class o3 extends w1 {
   constructor(e, t, s) {
     let o = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
-    super(), this.backend = e, this.store = t, this.services = s, this.languageUtils = s.languageUtils, this.options = o, this.logger = K.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = o.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = o.maxRetries >= 0 ? o.maxRetries : 5, this.retryTimeout = o.retryTimeout >= 1 ? o.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, o.backend, o);
+    super(), this.backend = e, this.store = t, this.services = s, this.languageUtils = s.languageUtils, this.options = o, this.logger = P.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = o.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = o.maxRetries >= 0 ? o.maxRetries : 5, this.retryTimeout = o.retryTimeout >= 1 ? o.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, o.backend, o);
   }
   queueLoad(e, t, s, o) {
     const l = {}, c = {}, r = {}, d = {};
@@ -8312,7 +8312,7 @@ const W1 = () => ({
 class o1 extends w1 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    if (super(), this.options = j1(e), this.services = {}, this.logger = K, this.modules = {
+    if (super(), this.options = j1(e), this.services = {}, this.logger = P, this.modules = {
       external: []
     }, n3(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initImmediate)
@@ -8337,13 +8337,13 @@ class o1 extends w1 {
     }), t.keySeparator !== void 0 && (this.options.userDefinedKeySeparator = t.keySeparator), t.nsSeparator !== void 0 && (this.options.userDefinedNsSeparator = t.nsSeparator);
     const l = (a) => a ? typeof a == "function" ? new a() : a : null;
     if (!this.options.isClone) {
-      this.modules.logger ? K.init(l(this.modules.logger), this.options) : K.init(null, this.options);
+      this.modules.logger ? P.init(l(this.modules.logger), this.options) : P.init(null, this.options);
       let a;
       this.modules.formatter ? a = this.modules.formatter : typeof Intl < "u" && (a = i3);
       const h = new A1(this.options);
       this.store = new S1(this.options.resources, this.options);
       const u = this.services;
-      u.logger = K, u.resourceStore = this.store, u.languageUtils = h, u.pluralResolver = new X5(h, {
+      u.logger = P, u.resourceStore = this.store, u.languageUtils = h, u.pluralResolver = new X5(h, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
@@ -8547,22 +8547,22 @@ class o1 extends w1 {
     };
   }
 }
-const O = o1.createInstance();
-O.createInstance = o1.createInstance;
-O.createInstance;
-O.dir;
-O.init;
-O.loadResources;
-O.reloadResources;
-O.use;
-O.changeLanguage;
-O.getFixedT;
-O.t;
-O.exists;
-O.setDefaultNamespace;
-O.hasLoadedNamespace;
-O.loadNamespaces;
-O.loadLanguages;
+const A = o1.createInstance();
+A.createInstance = o1.createInstance;
+A.createInstance;
+A.dir;
+A.init;
+A.loadResources;
+A.reloadResources;
+A.use;
+A.changeLanguage;
+A.getFixedT;
+A.t;
+A.exists;
+A.setDefaultNamespace;
+A.hasLoadedNamespace;
+A.loadNamespaces;
+A.loadLanguages;
 function r3() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
@@ -8671,10 +8671,10 @@ class L3 {
 }
 const v3 = (i, e) => {
   const t = r1();
-  return W(() => {
+  return j(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, oe = (i, e, t, s) => i.getFixedT(e, t, s), N3 = (i, e, t, s) => G(oe(i, e, t, s), [i, e, t, s]), x3 = function(i) {
+}, oe = (i, e, t, s) => i.getFixedT(e, t, s), N3 = (i, e, t, s) => K(oe(i, e, t, s), [i, e, t, s]), x3 = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
@@ -8684,7 +8684,7 @@ const v3 = (i, e) => {
   } = l1(k3) || {}, l = t || s || w3();
   if (l && !l.reportNamespaces && (l.reportNamespaces = new L3()), !l) {
     R1("You will need to pass in an i18next instance by using initReactI18next");
-    const m = (b, N) => J(N) ? N : h3(N) && J(N.defaultValue) ? N.defaultValue : Array.isArray(b) ? b[b.length - 1] : b, M = [m, {}, !1];
+    const m = (y, N) => J(N) ? N : h3(N) && J(N.defaultValue) ? N.defaultValue : Array.isArray(y) ? y[y.length - 1] : y, M = [m, {}, !1];
     return M.t = m, M.i18n = {}, M.ready = !1, M;
   }
   l.options.react && l.options.react.wait !== void 0 && R1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
@@ -8698,11 +8698,11 @@ const v3 = (i, e) => {
   } = c;
   let g = i;
   g = J(g) ? [g] : g || ["translation"], l.reportNamespaces.addUsedNamespaces && l.reportNamespaces.addUsedNamespaces(g);
-  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((m) => a3(m, l, c)), h = N3(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => oe(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [w, x] = I(u);
+  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((m) => a3(m, l, c)), h = N3(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => oe(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [w, x] = O(u);
   let v = g.join();
   e.lng && (v = `${e.lng}${v}`);
   const E = v3(v), R = r1(!0);
-  W(() => {
+  j(() => {
     const {
       bindI18n: m,
       bindI18nStore: M
@@ -8712,26 +8712,26 @@ const v3 = (i, e) => {
     }) : T1(l, g, () => {
       R.current && x(p);
     })), a && E && E !== v && R.current && x(p);
-    const b = () => {
+    const y = () => {
       R.current && x(p);
     };
-    return m && l && l.on(m, b), M && l && l.store.on(M, b), () => {
-      R.current = !1, m && l && m.split(" ").forEach((N) => l.off(N, b)), M && l && M.split(" ").forEach((N) => l.store.off(N, b));
+    return m && l && l.on(m, y), M && l && l.store.on(M, y), () => {
+      R.current = !1, m && l && m.split(" ").forEach((N) => l.off(N, y)), M && l && M.split(" ").forEach((N) => l.store.off(N, y));
     };
-  }, [l, v]), W(() => {
+  }, [l, v]), j(() => {
     R.current && a && x(u);
   }, [l, d, a]);
-  const A = [w, l, a];
-  if (A.t = w, A.i18n = l, A.ready = a, a || !a && !r) return A;
+  const B = [w, l, a];
+  if (B.t = w, B.i18n = l, B.ready = a, a || !a && !r) return B;
   throw new Promise((m) => {
     e.lng ? G1(l, e.lng, g, () => m()) : T1(l, g, () => m());
   });
 };
-var V = [];
+var S = [];
 for (var N1 = 0; N1 < 256; ++N1)
-  V.push((N1 + 256).toString(16).slice(1));
+  S.push((N1 + 256).toString(16).slice(1));
 function R3(i, e = 0) {
-  return (V[i[e + 0]] + V[i[e + 1]] + V[i[e + 2]] + V[i[e + 3]] + "-" + V[i[e + 4]] + V[i[e + 5]] + "-" + V[i[e + 6]] + V[i[e + 7]] + "-" + V[i[e + 8]] + V[i[e + 9]] + "-" + V[i[e + 10]] + V[i[e + 11]] + V[i[e + 12]] + V[i[e + 13]] + V[i[e + 14]] + V[i[e + 15]]).toLowerCase();
+  return (S[i[e + 0]] + S[i[e + 1]] + S[i[e + 2]] + S[i[e + 3]] + "-" + S[i[e + 4]] + S[i[e + 5]] + "-" + S[i[e + 6]] + S[i[e + 7]] + "-" + S[i[e + 8]] + S[i[e + 9]] + "-" + S[i[e + 10]] + S[i[e + 11]] + S[i[e + 12]] + S[i[e + 13]] + S[i[e + 14]] + S[i[e + 15]]).toLowerCase();
 }
 var c1, M3 = new Uint8Array(16);
 function y3() {
@@ -8757,7 +8757,7 @@ const E3 = "City", H3 = {
 };
 function I3(i, e = 500) {
   const t = r1();
-  return W(() => () => {
+  return j(() => () => {
     t.current && clearTimeout(t.current);
   }, []), (...o) => {
     const l = setTimeout(() => {
@@ -8766,7 +8766,7 @@ function I3(i, e = 500) {
     clearTimeout(t.current), t.current = l;
   };
 }
-O.use(m3).init({
+A.use(m3).init({
   defaultNS: "common",
   lng: "en",
   resources: {
@@ -8783,62 +8783,62 @@ const F1 = {
   offset: 0
 }, D3 = f1(
   ({ width: i, selectedCountry: e, onChange: t, value: s, id: o, disabled: l }, c) => {
-    const [r, d] = I([]), [g, a] = I(F1), [h, u] = I(null), [p, w] = I([]), [x, v] = I(!1), [E, R] = I(!1), A = r1(e), { locale: m, axiosPeople: M } = l1(de);
+    const [r, d] = O([]), [g, a] = O(F1), [h, u] = O(null), [p, w] = O([]), [x, v] = O(!0), [E, R] = O(!1), B = r1(e), { locale: m, axiosPeople: M } = l1(de);
     if (!M)
       throw new Error(
         `CitySelect requires "axiosPeople" to fetch cities. 
                 Please provide it via SNMTUiContext.`
       );
-    const { t: b } = x3("common", { lng: m }), N = G(
-      async (H) => {
-        H ? R(!0) : v(!0);
+    const { t: y } = x3("common", { lng: m }), N = K(
+      async (b) => {
+        b ? R(!0) : v(!0);
         try {
-          const y = {
+          const _ = {
             offset: g.offset,
             limit: g.limit
           };
-          e && e.length > 0 && (y.countryId = e), H && (y.search = H);
-          const S = await M.post("v1/cities/search", y), j = (S == null ? void 0 : S.data.data) || [], P = S == null ? void 0 : S.data.metadata.count, F = j.map(($) => ({
+          e && e.length > 0 && (_.countryId = e), b && (_.search = b);
+          const I = await M.post("v1/cities/search", _), G = (I == null ? void 0 : I.data.data) || [], F = I == null ? void 0 : I.data.metadata.count, Y = G.map((V) => ({
             key: P1(),
-            label: $.name,
-            value: $.geoNameId
+            label: V.name,
+            value: V.geoNameId
           }));
           d(
-            ($) => g.offset === 0 ? F : [...$, ...F]
-          ), w(j), u(P);
+            (V) => g.offset === 0 ? Y : [...V, ...Y]
+          ), w(G), u(F);
         } finally {
           v(!1), R(!1);
         }
       },
-      [M, g, e]
+      [M, g.offset, g.limit, e]
     );
-    W(() => {
+    j(() => {
       a(F1);
-    }, [e]), W(() => {
+    }, [e]), j(() => {
       N();
-    }, [N, e]), W(() => {
+    }, [N, e]), j(() => {
       t("");
-      const H = p.map((y) => ({
+      const b = p.map((_) => ({
         key: P1(),
-        label: y.name,
-        value: y.geoNameId
+        label: _.name,
+        value: _.geoNameId
       }));
       d(
-        (y) => g.offset === 0 ? H : [...y, ...H]
-      ), A.current = e, s && t(s);
+        (_) => g.offset === 0 ? b : [..._, ...b]
+      ), B.current = e, s && t(s);
     }, [e, t, s, p, g.offset]);
-    const T = I3(N), Q = G(
-      (H) => {
-        a((y) => ({ ...y, offset: 0, search: H })), R(!0), T(H);
+    const T = I3(N), Q = K(
+      (b) => {
+        a((_) => ({ ..._, offset: 0, search: b })), R(!0), T(b);
       },
       [T]
-    ), Y = async (H) => {
-      const { target: y } = H;
-      y.scrollTop + y.offsetHeight >= y.scrollHeight - 50 && h !== null && h > 0 && a((S) => ({
-        ...S,
-        offset: S.offset + S.limit
+    ), $ = async (b) => {
+      const { target: _ } = b;
+      _.scrollTop + _.offsetHeight >= _.scrollHeight - 50 && h !== null && h > 0 && a((I) => ({
+        ...I,
+        offset: I.offset + I.limit
       }));
-    };
+    }, W = x || E;
     return /* @__PURE__ */ n("div", { className: "snmt-city-select", children: /* @__PURE__ */ n(
       B5,
       {
@@ -8848,12 +8848,12 @@ const F1 = {
         onChange: t,
         ref: c,
         search: !0,
-        value: s,
+        value: W && s ? null : s,
         onSearchChange: Q,
-        placeholder: b("placeholder"),
-        onPopupScroll: Y,
+        placeholder: y("placeholder"),
+        onPopupScroll: $,
         disabled: l,
-        isLoading: x || E
+        isLoading: W
       }
     ) });
   }