npm - @snmt-react-ui/country-select - Versions diffs - 2.1.4 → 2.1.6 - Mend

@snmt-react-ui/country-select 2.1.4 → 2.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/country-select.js +633 -642
package/package.json +5 -5
package/dist/CountrySelect.stories.d.ts +0 -6

package/dist/country-select.js CHANGED Viewed

@@ -1,11 +1,11 @@
-var J1 = Object.defineProperty;
-var Q1 = (i, e, t) => e in i ? J1(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var v1 = (i, e, t) => Q1(i, typeof e != "symbol" ? e + "" : e, t);
+var q1 = Object.defineProperty;
+var X1 = (i, e, t) => e in i ? q1(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var v1 = (i, e, t) => X1(i, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
 import { jsx as n, jsxs as u, Fragment as Y } from "react/jsx-runtime";
-import { SNMTUiContext as q1 } from "@snmt-react-ui/core";
-import { Select as X1, Flex as ee, Avatar as te, Checkbox as ie, Typography as B1, Tag as W1, Popover as se } from "antd";
-import { createContext as t1, forwardRef as c1, useState as S, useRef as k1, useEffect as O, useContext as i1, useCallback as j1 } from "react";
+import { SNMTUiContext as ee } from "@snmt-react-ui/core";
+import { Select as te, Flex as ie, Avatar as se, Checkbox as oe, Typography as B1, Tag as W1, Popover as ne } from "antd";
+import { createContext as t1, forwardRef as c1, useState as S, useRef as k1, useEffect as A, useContext as i1, useCallback as Z1 } from "react";
 const n1 = ({
   children: i,
   direction: e = "row",
@@ -16,7 +16,7 @@ const n1 = ({
   gap: c,
   padding: r
 }) => /* @__PURE__ */ n(
-  ee,
+  ie,
   {
     className: `snmt-flex${t === "inherit" ? " inherit" : ""}`,
     vertical: e === "column",
@@ -28,10 +28,10 @@ const n1 = ({
     style: { padding: r },
     children: i
   }
-), oe = ({ shape: i = "circle", size: e = 32, children: t, ...s }) => {
+), re = ({ shape: i = "circle", size: e = 32, children: t, ...s }) => {
   const o = typeof s.src == "string";
   return /* @__PURE__ */ n(
-    te,
+    se,
     {
       className: `snmt-avatar ${o ? "image" : ""}`,
       shape: i,
@@ -43,12 +43,12 @@ const n1 = ({
   );
 };
 var $ = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))($ || {});
-const Z1 = t1({
+const j1 = t1({
   locale: "en",
   theme: "light"
 });
-Z1.Provider;
-const ne = ({
+j1.Provider;
+const le = ({
   checked: i = !0,
   indeterminate: e = !1,
   children: t,
@@ -57,12 +57,12 @@ const ne = ({
   disableUncheck: a = !1
 }) => {
   const [c, r] = S(i), [d, g] = S(e);
-  O(() => {
+  A(() => {
     r(i), g(e);
   }, [i, e]);
-  const { theme: l } = i1(Z1);
+  const { theme: l } = i1(j1);
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `snmt-checkbox snmt-checkbox-${l}`,
       checked: c,
@@ -75,13 +75,13 @@ const ne = ({
     }
   );
 };
-var m = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(m || {});
+var w = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(w || {});
 const D1 = t1({
   locale: "en",
   theme: "light"
 });
 D1.Provider;
-const re = ({
+const ae = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -108,7 +108,7 @@ const re = ({
       }
     )
   }
-), le = ({
+), he = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -135,7 +135,7 @@ const re = ({
       }
     )
   }
-), ae = ({
+), ce = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -163,7 +163,7 @@ const re = ({
       )
     ]
   }
-), he = ({
+), de = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -198,7 +198,7 @@ const re = ({
       )
     ]
   }
-), ce = ({
+), ge = ({
   width: i = 18,
   height: e = 18,
   color: t = "#001E52",
@@ -237,7 +237,7 @@ const re = ({
       )
     ]
   }
-), de = ({
+), ue = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -263,7 +263,7 @@ const re = ({
       }
     )
   }
-), ge = ({
+), Ce = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -284,7 +284,7 @@ const re = ({
       /* @__PURE__ */ n("path", { d: "M16 4L4 16", stroke: t, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), ue = ({
+), pe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -316,7 +316,7 @@ const re = ({
       )
     ]
   }
-), Ce = ({
+), fe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -370,7 +370,7 @@ const re = ({
       )
     ]
   }
-), pe = ({
+), we = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -409,7 +409,7 @@ const re = ({
       /* @__PURE__ */ n("path", { d: "M3 12L17 12", stroke: t, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), fe = ({
+), me = ({
   width: i = 16,
   height: e = 12,
   color: t = "#001E52",
@@ -458,7 +458,7 @@ const re = ({
       )
     ] })
   }
-), we = ({
+), ke = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -492,7 +492,7 @@ const re = ({
       )
     ]
   }
-), me = ({
+), Le = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -531,7 +531,7 @@ const re = ({
       )
     ] })
   }
-), ke = ({
+), ve = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -567,7 +567,7 @@ const re = ({
       )
     ]
   }
-), Le = ({
+), Ne = ({
   width: i = 11,
   height: e = 32,
   color: t = "#001E52",
@@ -605,7 +605,7 @@ const re = ({
       /* @__PURE__ */ n("circle", { cx: "3", cy: "3", r: "3", fill: t })
     ]
   }
-), ve = ({
+), xe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -652,7 +652,7 @@ const re = ({
       )
     ]
   }
-), Ne = ({
+), Re = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -685,7 +685,7 @@ const re = ({
       )
     ]
   }
-), xe = ({
+), Me = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -732,7 +732,7 @@ const re = ({
       )
     ]
   }
-), Re = ({
+), ye = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -765,7 +765,7 @@ const re = ({
       )
     ]
   }
-), Me = ({
+), be = ({
   width: i = 18,
   height: e = 16,
   color: t = "#001E52",
@@ -804,7 +804,7 @@ const re = ({
       )
     ]
   }
-), ye = ({
+), Ee = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -837,7 +837,7 @@ const re = ({
       )
     ]
   }
-), be = ({
+), _e = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -861,7 +861,7 @@ const re = ({
       }
     )
   }
-), Ee = ({
+), He = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -908,7 +908,7 @@ const re = ({
       )
     ]
   }
-), _e = ({
+), Ve = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -941,7 +941,7 @@ const re = ({
       )
     ]
   }
-), He = ({
+), Ie = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -974,7 +974,7 @@ const re = ({
       )
     ]
   }
-), Ve = ({
+), Se = ({
   width: i = 20,
   height: e = 23,
   color: t = "#001E52",
@@ -1035,7 +1035,7 @@ const re = ({
       )
     ]
   }
-), Ie = ({
+), Oe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -1075,7 +1075,7 @@ const re = ({
       )
     ]
   }
-), Se = ({
+), Ae = ({
   width: i = 32,
   height: e = 25,
   color: t = "#001E52",
@@ -1103,7 +1103,7 @@ const re = ({
       )
     ]
   }
-), Oe = ({
+), Be = ({
   width: i = 14,
   height: e = 14,
   color: t = "#10B981",
@@ -1132,7 +1132,7 @@ const re = ({
       )
     ]
   }
-), Ae = ({
+), We = ({
   width: i = 11,
   height: e = 11,
   color: t = "#FFB020",
@@ -1166,7 +1166,7 @@ const re = ({
       )
     ]
   }
-), Be = ({
+), Ze = ({
   width: i = 10,
   height: e = 10,
   color: t = "#88A4FF",
@@ -1214,7 +1214,7 @@ const re = ({
       )
     ]
   }
-), We = ({
+), je = ({
   width: i = 14,
   height: e = 14,
   color: t = "#8E8E93",
@@ -1242,7 +1242,7 @@ const re = ({
       )
     ]
   }
-), je = ({
+), De = ({
   width: i = 14,
   height: e = 14,
   color: t = "#FFB020",
@@ -1276,7 +1276,7 @@ const re = ({
       )
     ]
   }
-), Ze = ({
+), Te = ({
   width: i = 14,
   height: e = 14,
   color: t = "#D0421B",
@@ -1324,7 +1324,7 @@ const re = ({
       )
     ]
   }
-), De = ({
+), Ge = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -1354,7 +1354,7 @@ const re = ({
       /* @__PURE__ */ n("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), Te = ({
+), Ke = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -1392,7 +1392,7 @@ const re = ({
       )
     ]
   }
-), Ge = ({
+), Pe = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -1418,7 +1418,7 @@ const re = ({
       }
     )
   }
-), Ke = ({
+), Fe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -1447,7 +1447,7 @@ const re = ({
       )
     ]
   }
-), Pe = ({
+), $e = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -1476,7 +1476,7 @@ const re = ({
       )
     ]
   }
-), Fe = ({
+), Ye = ({
   width: i = 248,
   height: e = 248,
   color: t = "#070739",
@@ -1513,7 +1513,7 @@ const re = ({
       )
     ]
   }
-), $e = ({
+), Ue = ({
   width: i = 24,
   height: e = 24,
   color: t = "#001E52",
@@ -1552,7 +1552,7 @@ const re = ({
       )
     ]
   }
-), Ye = ({
+), ze = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -1581,7 +1581,7 @@ const re = ({
       )
     ]
   }
-), Ue = ({
+), Je = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -1618,10 +1618,10 @@ const re = ({
       )
     ]
   }
-), ze = ({
+), Qe = ({
   width: i = 24,
   height: e = 24,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: o
 }) => /* @__PURE__ */ u(
@@ -1657,10 +1657,10 @@ const re = ({
       )
     ]
   }
-), Je = ({
+), qe = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_1,
+  color: t = w.GREY_DARK_1,
   className: s,
   onClick: o
 }) => /* @__PURE__ */ u(
@@ -1690,10 +1690,10 @@ const re = ({
       )
     ]
   }
-), Qe = ({
+), Xe = ({
   width: i = 81,
   height: e = 80,
-  color: t = m.GREY_DARK_5,
+  color: t = w.GREY_DARK_5,
   className: s,
   onClick: o
 }) => /* @__PURE__ */ u(
@@ -1739,9 +1739,9 @@ const re = ({
       )
     ]
   }
-), qe = ({
+), et = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -1766,9 +1766,9 @@ const re = ({
       }
     )
   }
-), Xe = ({
+), tt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -1793,9 +1793,9 @@ const re = ({
       }
     )
   }
-), et = ({
+), it = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: o
@@ -1817,9 +1817,9 @@ const re = ({
       }
     )
   }
-), tt = ({
+), st = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: o
@@ -1842,9 +1842,9 @@ const re = ({
       }
     )
   }
-), it = ({
+), ot = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -1881,9 +1881,9 @@ const re = ({
       )
     ]
   }
-), st = ({
+), nt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -1920,9 +1920,9 @@ const re = ({
       )
     ]
   }
-), ot = ({
+), rt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -1947,9 +1947,9 @@ const re = ({
       }
     )
   }
-), nt = ({
+), lt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2006,9 +2006,9 @@ const re = ({
       )
     ]
   }
-), rt = ({
+), at = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2043,9 +2043,9 @@ const re = ({
       )
     ]
   }
-), lt = ({
+), ht = ({
   className: i,
-  color: e = m.GREY_DARK_3,
+  color: e = w.GREY_DARK_3,
   height: t = 14,
   width: s = 14,
   onClick: o
@@ -2080,9 +2080,9 @@ const re = ({
       )
     ]
   }
-), at = ({
+), ct = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 18,
   onClick: s,
   width: o = 18
@@ -2107,9 +2107,9 @@ const re = ({
       }
     )
   }
-), ht = ({
+), dt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2159,9 +2159,9 @@ const re = ({
       )
     ]
   }
-), ct = ({
+), gt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2196,9 +2196,9 @@ const re = ({
       )
     ]
   }
-), dt = ({
+), ut = ({
   className: i,
-  color: e = m.NOTIFICATION_WARNING_DARK,
+  color: e = w.NOTIFICATION_WARNING_DARK,
   height: t = 37,
   width: s = 36,
   onClick: o
@@ -2235,9 +2235,9 @@ const re = ({
       )
     ]
   }
-), gt = ({
+), Ct = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2261,9 +2261,9 @@ const re = ({
       }
     )
   }
-), ut = ({
+), pt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2300,9 +2300,9 @@ const re = ({
       )
     ]
   }
-), Ct = ({
+), ft = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2339,9 +2339,9 @@ const re = ({
       )
     ]
   }
-), pt = ({
+), wt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2408,9 +2408,9 @@ const re = ({
       )
     ]
   }
-), ft = ({
+), mt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2447,9 +2447,9 @@ const re = ({
       )
     ]
   }
-), wt = ({
+), kt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2504,9 +2504,9 @@ const re = ({
       )
     ]
   }
-), mt = ({
+), Lt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2543,9 +2543,9 @@ const re = ({
       )
     ]
   }
-), kt = ({
+), vt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2592,9 +2592,9 @@ const re = ({
       )
     ]
   }
-), Lt = ({
+), Nt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2631,9 +2631,9 @@ const re = ({
       )
     ]
   }
-), vt = ({
+), xt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2658,9 +2658,9 @@ const re = ({
       }
     )
   }
-), Nt = ({
+), Rt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2696,9 +2696,9 @@ const re = ({
       )
     ]
   }
-), xt = ({
+), Mt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2717,9 +2717,9 @@ const re = ({
       /* @__PURE__ */ n("path", { d: "M12 8L4 8", stroke: e, strokeWidth: "1.7", strokeLinecap: "round" })
     ]
   }
-), Rt = ({
+), yt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2756,9 +2756,9 @@ const re = ({
       )
     ]
   }
-), Mt = ({
+), bt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2795,9 +2795,9 @@ const re = ({
       )
     ]
   }
-), yt = ({
+), Et = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2834,9 +2834,9 @@ const re = ({
       )
     ]
   }
-), bt = ({
+), _t = ({
   className: i,
-  color: e = m.GREY_DARK_2,
+  color: e = w.GREY_DARK_2,
   height: t = 16,
   width: s = 16,
   onClick: o
@@ -2860,9 +2860,9 @@ const re = ({
       }
     )
   }
-), Et = ({
+), Ht = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -2889,9 +2889,9 @@ const re = ({
       /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_3992_5989", children: /* @__PURE__ */ n("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), _t = ({
+), Vt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -2918,9 +2918,9 @@ const re = ({
       /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_3992_5988", children: /* @__PURE__ */ n("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), Ht = ({
+), It = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -2935,7 +2935,7 @@ const re = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ n("rect", { width: "20", height: "20", rx: "4", fill: m.GREY_LIGHT_2 }),
+      /* @__PURE__ */ n("rect", { width: "20", height: "20", rx: "4", fill: w.GREY_LIGHT_2 }),
       /* @__PURE__ */ n(
         "path",
         {
@@ -2947,9 +2947,9 @@ const re = ({
       )
     ]
   }
-), Vt = ({
+), St = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -2964,7 +2964,7 @@ const re = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ n("rect", { width: "20", height: "20", rx: "4", fill: m.GREY_LIGHT_2 }),
+      /* @__PURE__ */ n("rect", { width: "20", height: "20", rx: "4", fill: w.GREY_LIGHT_2 }),
       /* @__PURE__ */ n(
         "path",
         {
@@ -2976,7 +2976,7 @@ const re = ({
       )
     ]
   }
-), It = ({
+), Ot = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -3002,7 +3002,7 @@ const re = ({
       }
     )
   }
-), St = ({
+), At = ({
   className: i,
   color: e = "#131314",
   height: t = 20,
@@ -3030,7 +3030,7 @@ const re = ({
       }
     )
   }
-), Ot = ({
+), Bt = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -3077,8 +3077,8 @@ const re = ({
   disabled: a = !1,
   onClick: c
 }) => {
-  const [r, d] = S(o), { theme: g } = i1(D1), l = a ? g && g === "dark" ? m.GREY_LIGHT_4 : m.GREY_DARK_1 : s, h = a ? void 0 : c;
-  return O(() => {
+  const [r, d] = S(o), { theme: g } = i1(D1), l = a ? g && g === "dark" ? w.GREY_LIGHT_4 : w.GREY_DARK_1 : s, h = a ? void 0 : c;
+  return A(() => {
     if (o) {
       h && !a && d(`${o} clickable`);
       return;
@@ -3087,39 +3087,39 @@ const re = ({
   }, [h, o, a]), /* @__PURE__ */ n(Y, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return qe({ width: e, height: t, color: l, className: r, onClick: h });
+        return et({ width: e, height: t, color: l, className: r, onClick: h });
       case "prevIcon":
-        return Xe({ width: e, height: t, color: l, className: r, onClick: h });
+        return tt({ width: e, height: t, color: l, className: r, onClick: h });
       case "arrowUp":
-        return re({ width: e, height: t, color: l, className: r, onClick: h });
+        return ae({ width: e, height: t, color: l, className: r, onClick: h });
       case "arrowDown":
-        return le({ width: e, height: t, color: l, className: r, onClick: h });
+        return he({ width: e, height: t, color: l, className: r, onClick: h });
       case "info":
-        return ae({ width: e, height: t, color: l, className: r, onClick: h });
+        return ce({ width: e, height: t, color: l, className: r, onClick: h });
       case "arrowRight":
-        return he({ width: e, height: t, color: l, className: r, onClick: h });
+        return de({ width: e, height: t, color: l, className: r, onClick: h });
       case "calendar":
-        return ce({ width: e, height: t, color: l, className: r, onClick: h });
+        return ge({ width: e, height: t, color: l, className: r, onClick: h });
       case "ok":
-        return de({ width: e, height: t, color: l, className: r, onClick: h });
+        return ue({ width: e, height: t, color: l, className: r, onClick: h });
       case "cancel":
-        return ge({ width: e, height: t, color: l, className: r, onClick: h });
+        return Ce({ width: e, height: t, color: l, className: r, onClick: h });
       case "add":
-        return ue({ width: e, height: t, color: l, className: r, onClick: h });
+        return pe({ width: e, height: t, color: l, className: r, onClick: h });
       case "list":
-        return Ce({ width: e, height: t, color: l, className: r, onClick: h });
+        return fe({ width: e, height: t, color: l, className: r, onClick: h });
       case "dragAndDrop":
-        return pe({ width: e, height: t, color: l, className: r, onClick: h });
+        return we({ width: e, height: t, color: l, className: r, onClick: h });
       case "filter":
-        return fe({ width: e, height: t, color: l, className: r, onClick: h });
+        return me({ width: e, height: t, color: l, className: r, onClick: h });
       case "attention":
-        return we({ width: e, height: t, color: l, className: r, onClick: h });
+        return ke({ width: e, height: t, color: l, className: r, onClick: h });
       case "plus":
-        return me({ width: e, height: t, color: l, className: r, onClick: h });
+        return Le({ width: e, height: t, color: l, className: r, onClick: h });
       case "time":
-        return ke({ width: e, height: t, color: l, className: r, onClick: h });
+        return ve({ width: e, height: t, color: l, className: r, onClick: h });
       case "arrowDownLong":
-        return Le({
+        return Ne({
           width: e,
           height: t,
           color: l,
@@ -3127,9 +3127,9 @@ const re = ({
           onClick: h
         });
       case "users":
-        return ve({ width: e, height: t, color: l, className: r, onClick: h });
+        return xe({ width: e, height: t, color: l, className: r, onClick: h });
       case "mySkillsMatrix":
-        return Ne({
+        return Re({
           width: e,
           height: t,
           color: l,
@@ -3137,9 +3137,9 @@ const re = ({
           onClick: h
         });
       case "skills":
-        return xe({ width: e, height: t, color: l, className: r, onClick: h });
+        return Me({ width: e, height: t, color: l, className: r, onClick: h });
       case "skillsMatrices":
-        return Re({
+        return ye({
           width: e,
           height: t,
           color: l,
@@ -3147,23 +3147,23 @@ const re = ({
           onClick: h
         });
       case "history":
-        return Me({ width: e, height: t, color: l, className: r, onClick: h });
+        return be({ width: e, height: t, color: l, className: r, onClick: h });
       case "logOut":
-        return ye({ width: e, height: t, color: l, className: r, onClick: h });
+        return Ee({ width: e, height: t, color: l, className: r, onClick: h });
       case "settings":
-        return be({ width: e, height: t, color: l, className: r, onClick: h });
+        return _e({ width: e, height: t, color: l, className: r, onClick: h });
       case "addSkill":
-        return Ee({ width: e, height: t, color: l, className: r, onClick: h });
+        return He({ width: e, height: t, color: l, className: r, onClick: h });
       case "conversation":
-        return _e({ width: e, height: t, color: l, className: r, onClick: h });
+        return Ve({ width: e, height: t, color: l, className: r, onClick: h });
       case "trash":
-        return He({ width: e, height: t, color: l, className: r, onClick: h });
+        return Ie({ width: e, height: t, color: l, className: r, onClick: h });
       case "settings4":
-        return Ve({ width: e, height: t, color: l, className: r, onClick: h });
+        return Se({ width: e, height: t, color: l, className: r, onClick: h });
       case "edit2":
-        return Ie({ width: e, height: t, color: l, className: r, onClick: h });
+        return Oe({ width: e, height: t, color: l, className: r, onClick: h });
       case "notifications":
-        return Se({
+        return Ae({
           width: e,
           height: t,
           color: l,
@@ -3171,9 +3171,9 @@ const re = ({
           onClick: h
         });
       case "success":
-        return Oe({ width: e, height: t, color: l, className: r, onClick: h });
+        return Be({ width: e, height: t, color: l, className: r, onClick: h });
       case "attentionSmall":
-        return Ae({
+        return We({
           width: e,
           height: t,
           color: l,
@@ -3181,11 +3181,11 @@ const re = ({
           onClick: h
         });
       case "errorSmall":
-        return Be({ width: e, height: t, color: l, className: r, onClick: h });
+        return Ze({ width: e, height: t, color: l, className: r, onClick: h });
       case "infoMedium":
-        return We({ width: e, height: t, color: l, className: r, onClick: h });
+        return je({ width: e, height: t, color: l, className: r, onClick: h });
       case "attentionMedium":
-        return je({
+        return De({
           width: e,
           height: t,
           color: l,
@@ -3193,9 +3193,9 @@ const re = ({
           onClick: h
         });
       case "errorMedium":
-        return Ze({ width: e, height: t, color: l, className: r, onClick: h });
+        return Te({ width: e, height: t, color: l, className: r, onClick: h });
       case "faviconSkills":
-        return Fe({
+        return Ye({
           width: e,
           height: t,
           color: l,
@@ -3203,7 +3203,7 @@ const re = ({
           onClick: h
         });
       case "visibilityIcon":
-        return De({
+        return Ge({
           width: e,
           height: t,
           color: l,
@@ -3211,7 +3211,7 @@ const re = ({
           onClick: h
         });
       case "visibilityOffIcon":
-        return Te({
+        return Ke({
           width: e,
           height: t,
           color: l,
@@ -3219,7 +3219,7 @@ const re = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return Ge({
+        return Pe({
           width: e,
           height: t,
           color: l,
@@ -3227,7 +3227,7 @@ const re = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return Ke({
+        return Fe({
           width: e,
           height: t,
           color: l,
@@ -3235,7 +3235,7 @@ const re = ({
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return Pe({
+        return $e({
           width: e,
           height: t,
           color: l,
@@ -3243,97 +3243,97 @@ const re = ({
           onClick: h
         });
       case "camera":
-        return $e({ width: e, height: t, color: l, className: r, onClick: h });
+        return Ue({ width: e, height: t, color: l, className: r, onClick: h });
       case "sortUp":
-        return Ye({ width: e, height: t, color: l, className: r, onClick: h });
+        return ze({ width: e, height: t, color: l, className: r, onClick: h });
       case "sortDown":
-        return Ue({ width: e, height: t, color: l, className: r, onClick: h });
+        return Je({ width: e, height: t, color: l, className: r, onClick: h });
       case "logOut2":
-        return ze({ width: e, height: t, color: l, className: r, onClick: h });
+        return Qe({ width: e, height: t, color: l, className: r, onClick: h });
       case "search":
-        return Je({ width: e, height: t, color: l, className: r, onClick: h });
+        return qe({ width: e, height: t, color: l, className: r, onClick: h });
       case "handRock":
-        return Qe({ width: e, height: t, color: l, className: r, onClick: h });
+        return Xe({ width: e, height: t, color: l, className: r, onClick: h });
       case "arrowUpFilled":
-        return tt({ width: e, height: t, color: l, className: r, onClick: h });
+        return st({ width: e, height: t, color: l, className: r, onClick: h });
       case "arrowDownFilled":
-        return et({ width: e, height: t, color: l, className: r, onClick: h });
-      case "link":
         return it({ width: e, height: t, color: l, className: r, onClick: h });
-      case "telegram":
+      case "link":
         return ot({ width: e, height: t, color: l, className: r, onClick: h });
-      case "mail":
+      case "telegram":
         return rt({ width: e, height: t, color: l, className: r, onClick: h });
+      case "mail":
+        return at({ width: e, height: t, color: l, className: r, onClick: h });
       case "github":
-        return st({ width: e, height: t, color: l, className: r, onClick: h });
-      case "linkedIn":
         return nt({ width: e, height: t, color: l, className: r, onClick: h });
-      case "emptyStateIcon":
+      case "linkedIn":
         return lt({ width: e, height: t, color: l, className: r, onClick: h });
+      case "emptyStateIcon":
+        return ht({ width: e, height: t, color: l, className: r, onClick: h });
       case "filtersIcon":
-        return at({ width: e, height: t, color: l, className: r, onClick: h });
+        return ct({ width: e, height: t, color: l, className: r, onClick: h });
       case "dotMenuIcon":
-        return ht({ width: e, height: t, color: l, className: r, onClick: h });
+        return dt({ width: e, height: t, color: l, className: r, onClick: h });
       case "plusCircle":
-        return ct({ width: e, height: t, color: l, className: r, onClick: h });
+        return gt({ width: e, height: t, color: l, className: r, onClick: h });
       case "warning":
-        return dt({ width: e, height: t, color: l, className: r, onClick: h });
+        return ut({ width: e, height: t, color: l, className: r, onClick: h });
       case "back":
-        return gt({ width: e, height: t, color: l, className: r, onClick: h });
+        return Ct({ width: e, height: t, color: l, className: r, onClick: h });
       case "bell":
-        return ut({ width: e, height: t, color: l, className: r, onClick: h });
-      case "contract":
         return pt({ width: e, height: t, color: l, className: r, onClick: h });
+      case "contract":
+        return wt({ width: e, height: t, color: l, className: r, onClick: h });
       case "trash2":
-        return Ct({ width: e, height: t, color: l, className: r, onClick: h });
-      case "manager":
         return ft({ width: e, height: t, color: l, className: r, onClick: h });
+      case "manager":
+        return mt({ width: e, height: t, color: l, className: r, onClick: h });
       case "resourceManager":
-        return wt({ width: e, height: t, color: l, className: r, onClick: h });
+        return kt({ width: e, height: t, color: l, className: r, onClick: h });
       case "settings2":
-        return mt({ width: e, height: t, color: l, className: r, onClick: h });
+        return Lt({ width: e, height: t, color: l, className: r, onClick: h });
       case "image":
-        return kt({ width: e, height: t, color: l, className: r, onClick: h });
+        return vt({ width: e, height: t, color: l, className: r, onClick: h });
       case "upload":
-        return Lt({ width: e, height: t, color: l, className: r, onClick: h });
+        return Nt({ width: e, height: t, color: l, className: r, onClick: h });
       case "edit":
-        return vt({ width: e, height: t, color: l, className: r, onClick: h });
+        return xt({ width: e, height: t, color: l, className: r, onClick: h });
       case "location":
-        return Nt({ width: e, height: t, color: l, className: r, onClick: h });
+        return Rt({ width: e, height: t, color: l, className: r, onClick: h });
       case "plus2":
-        return xt({ width: e, height: t, color: l, className: r, onClick: h });
+        return Mt({ width: e, height: t, color: l, className: r, onClick: h });
       case "search2":
-        return Rt({ width: e, height: t, color: l, className: r, onClick: h });
+        return yt({ width: e, height: t, color: l, className: r, onClick: h });
       case "fastArrowLeft":
-        return Mt({ width: e, height: t, color: l, className: r, onClick: h });
+        return bt({ width: e, height: t, color: l, className: r, onClick: h });
       case "fastArrowRight":
-        return yt({ width: e, height: t, color: l, className: r, onClick: h });
+        return Et({ width: e, height: t, color: l, className: r, onClick: h });
       case "crossInCircle":
-        return bt({ width: e, height: t, color: l, className: r, onClick: h });
-      case "arrowUp2":
         return _t({ width: e, height: t, color: l, className: r, onClick: h });
+      case "arrowUp2":
+        return Vt({ width: e, height: t, color: l, className: r, onClick: h });
       case "arrowDown2":
-        return Et({ width: e, height: t, color: l, className: r, onClick: h });
-      case "filledArrowLeft":
         return Ht({ width: e, height: t, color: l, className: r, onClick: h });
+      case "filledArrowLeft":
+        return It({ width: e, height: t, color: l, className: r, onClick: h });
       case "filledArrowRight":
-        return Vt({ width: e, height: t, color: l, className: r, onClick: h });
+        return St({ width: e, height: t, color: l, className: r, onClick: h });
       case "burgerMenu":
-        return It({ width: e, height: t, color: l, className: r, onClick: h });
+        return Ot({ width: e, height: t, color: l, className: r, onClick: h });
       case "signOut":
-        return St({ width: e, height: t, color: l, className: r, onClick: h });
+        return At({ width: e, height: t, color: l, className: r, onClick: h });
       case "refresh":
-        return Ot({ width: e, height: t, color: l, className: r, onClick: h });
+        return Bt({ width: e, height: t, color: l, className: r, onClick: h });
       default:
         return /* @__PURE__ */ n(Y, { children: "No Icon provided" });
     }
   })() });
-}, { Title: At, Text: Bt } = B1, Wt = {
+}, { Title: Wt, Text: Zt } = B1, jt = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, jt = c1(
+}, Dt = c1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -3346,17 +3346,17 @@ const re = ({
     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}`), a && (g += " collapsed"), d ? /* @__PURE__ */ n(
-      At,
+      Wt,
       {
         className: g,
         style: { color: t, whiteSpace: c },
         onClick: o,
-        level: Wt[e],
+        level: jt[e],
         ref: r,
         children: s
       }
     ) : /* @__PURE__ */ n(
-      Bt,
+      Zt,
       {
         className: g,
         style: { color: t, whiteSpace: c },
@@ -3367,13 +3367,13 @@ const re = ({
     );
   }
 );
-var k = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(k || {});
+var m = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(m || {});
 const T1 = t1({
   locale: "en",
   theme: "light"
 });
 T1.Provider;
-const Zt = ({
+const Tt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3400,7 +3400,7 @@ const Zt = ({
       }
     )
   }
-), Dt = ({
+), Gt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3427,7 +3427,7 @@ const Zt = ({
       }
     )
   }
-), Tt = ({
+), Kt = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -3455,7 +3455,7 @@ const Zt = ({
       )
     ]
   }
-), Gt = ({
+), Pt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3490,7 +3490,7 @@ const Zt = ({
       )
     ]
   }
-), Kt = ({
+), Ft = ({
   width: i = 18,
   height: e = 18,
   color: t = "#001E52",
@@ -3529,7 +3529,7 @@ const Zt = ({
       )
     ]
   }
-), Pt = ({
+), $t = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3555,7 +3555,7 @@ const Zt = ({
       }
     )
   }
-), Ft = ({
+), Yt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3576,7 +3576,7 @@ const Zt = ({
       /* @__PURE__ */ n("path", { d: "M16 4L4 16", stroke: t, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), $t = ({
+), Ut = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3608,7 +3608,7 @@ const Zt = ({
       )
     ]
   }
-), Yt = ({
+), zt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3662,7 +3662,7 @@ const Zt = ({
       )
     ]
   }
-), Ut = ({
+), Jt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3701,7 +3701,7 @@ const Zt = ({
       /* @__PURE__ */ n("path", { d: "M3 12L17 12", stroke: t, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), zt = ({
+), Qt = ({
   width: i = 16,
   height: e = 12,
   color: t = "#001E52",
@@ -3750,7 +3750,7 @@ const Zt = ({
       )
     ] })
   }
-), Jt = ({
+), qt = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -3784,7 +3784,7 @@ const Zt = ({
       )
     ]
   }
-), Qt = ({
+), Xt = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -3823,7 +3823,7 @@ const Zt = ({
       )
     ] })
   }
-), qt = ({
+), e2 = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -3859,7 +3859,7 @@ const Zt = ({
       )
     ]
   }
-), Xt = ({
+), t2 = ({
   width: i = 11,
   height: e = 32,
   color: t = "#001E52",
@@ -3897,7 +3897,7 @@ const Zt = ({
       /* @__PURE__ */ n("circle", { cx: "3", cy: "3", r: "3", fill: t })
     ]
   }
-), e2 = ({
+), i2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3944,7 +3944,7 @@ const Zt = ({
       )
     ]
   }
-), t2 = ({
+), s2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3977,7 +3977,7 @@ const Zt = ({
       )
     ]
   }
-), i2 = ({
+), o2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4024,7 +4024,7 @@ const Zt = ({
       )
     ]
   }
-), s2 = ({
+), n2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4057,7 +4057,7 @@ const Zt = ({
       )
     ]
   }
-), o2 = ({
+), r2 = ({
   width: i = 18,
   height: e = 16,
   color: t = "#001E52",
@@ -4096,7 +4096,7 @@ const Zt = ({
       )
     ]
   }
-), n2 = ({
+), l2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4129,7 +4129,7 @@ const Zt = ({
       )
     ]
   }
-), r2 = ({
+), a2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4153,7 +4153,7 @@ const Zt = ({
       }
     )
   }
-), l2 = ({
+), h2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4200,7 +4200,7 @@ const Zt = ({
       )
     ]
   }
-), a2 = ({
+), c2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4233,7 +4233,7 @@ const Zt = ({
       )
     ]
   }
-), h2 = ({
+), d2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4266,7 +4266,7 @@ const Zt = ({
       )
     ]
   }
-), c2 = ({
+), g2 = ({
   width: i = 20,
   height: e = 23,
   color: t = "#001E52",
@@ -4327,7 +4327,7 @@ const Zt = ({
       )
     ]
   }
-), d2 = ({
+), u2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4367,7 +4367,7 @@ const Zt = ({
       )
     ]
   }
-), g2 = ({
+), C2 = ({
   width: i = 32,
   height: e = 25,
   color: t = "#001E52",
@@ -4395,7 +4395,7 @@ const Zt = ({
       )
     ]
   }
-), u2 = ({
+), p2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#10B981",
@@ -4424,7 +4424,7 @@ const Zt = ({
       )
     ]
   }
-), C2 = ({
+), f2 = ({
   width: i = 11,
   height: e = 11,
   color: t = "#FFB020",
@@ -4458,7 +4458,7 @@ const Zt = ({
       )
     ]
   }
-), p2 = ({
+), w2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#88A4FF",
@@ -4506,7 +4506,7 @@ const Zt = ({
       )
     ]
   }
-), f2 = ({
+), m2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#8E8E93",
@@ -4534,7 +4534,7 @@ const Zt = ({
       )
     ]
   }
-), w2 = ({
+), k2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#FFB020",
@@ -4568,7 +4568,7 @@ const Zt = ({
       )
     ]
   }
-), m2 = ({
+), L2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#D0421B",
@@ -4616,7 +4616,7 @@ const Zt = ({
       )
     ]
   }
-), k2 = ({
+), v2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -4646,7 +4646,7 @@ const Zt = ({
       /* @__PURE__ */ n("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), L2 = ({
+), N2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -4684,7 +4684,7 @@ const Zt = ({
       )
     ]
   }
-), v2 = ({
+), x2 = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -4710,7 +4710,7 @@ const Zt = ({
       }
     )
   }
-), N2 = ({
+), R2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -4739,7 +4739,7 @@ const Zt = ({
       )
     ]
   }
-), x2 = ({
+), M2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -4768,7 +4768,7 @@ const Zt = ({
       )
     ]
   }
-), R2 = ({
+), y2 = ({
   width: i = 248,
   height: e = 248,
   color: t = "#070739",
@@ -4805,7 +4805,7 @@ const Zt = ({
       )
     ]
   }
-), M2 = ({
+), b2 = ({
   width: i = 24,
   height: e = 24,
   color: t = "#001E52",
@@ -4844,7 +4844,7 @@ const Zt = ({
       )
     ]
   }
-), y2 = ({
+), E2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -4873,7 +4873,7 @@ const Zt = ({
       )
     ]
   }
-), b2 = ({
+), _2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -4910,10 +4910,10 @@ const Zt = ({
       )
     ]
   }
-), E2 = ({
+), H2 = ({
   width: i = 24,
   height: e = 24,
-  color: t = k.GREY_DARK_5,
+  color: t = m.GREY_DARK_5,
   className: s,
   onClick: o
 }) => /* @__PURE__ */ u(
@@ -4949,10 +4949,10 @@ const Zt = ({
       )
     ]
   }
-), _2 = ({
+), V2 = ({
   width: i = 20,
   height: e = 20,
-  color: t = k.GREY_DARK_1,
+  color: t = m.GREY_DARK_1,
   className: s,
   onClick: o
 }) => /* @__PURE__ */ u(
@@ -4982,10 +4982,10 @@ const Zt = ({
       )
     ]
   }
-), H2 = ({
+), I2 = ({
   width: i = 81,
   height: e = 80,
-  color: t = k.GREY_DARK_5,
+  color: t = m.GREY_DARK_5,
   className: s,
   onClick: o
 }) => /* @__PURE__ */ u(
@@ -5031,9 +5031,9 @@ const Zt = ({
       )
     ]
   }
-), V2 = ({
+), S2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -5058,9 +5058,9 @@ const Zt = ({
       }
     )
   }
-), I2 = ({
+), O2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -5085,9 +5085,9 @@ const Zt = ({
       }
     )
   }
-), S2 = ({
+), A2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: o
@@ -5109,9 +5109,9 @@ const Zt = ({
       }
     )
   }
-), O2 = ({
+), B2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: o
@@ -5134,9 +5134,9 @@ const Zt = ({
       }
     )
   }
-), A2 = ({
+), W2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5173,9 +5173,9 @@ const Zt = ({
       )
     ]
   }
-), B2 = ({
+), Z2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5212,9 +5212,9 @@ const Zt = ({
       )
     ]
   }
-), W2 = ({
+), j2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5239,9 +5239,9 @@ const Zt = ({
       }
     )
   }
-), j2 = ({
+), D2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5298,9 +5298,9 @@ const Zt = ({
       )
     ]
   }
-), Z2 = ({
+), T2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5335,9 +5335,9 @@ const Zt = ({
       )
     ]
   }
-), D2 = ({
+), G2 = ({
   className: i,
-  color: e = k.GREY_DARK_3,
+  color: e = m.GREY_DARK_3,
   height: t = 14,
   width: s = 14,
   onClick: o
@@ -5372,9 +5372,9 @@ const Zt = ({
       )
     ]
   }
-), T2 = ({
+), K2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 18,
   onClick: s,
   width: o = 18
@@ -5399,9 +5399,9 @@ const Zt = ({
       }
     )
   }
-), G2 = ({
+), P2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5451,9 +5451,9 @@ const Zt = ({
       )
     ]
   }
-), K2 = ({
+), F2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5488,9 +5488,9 @@ const Zt = ({
       )
     ]
   }
-), P2 = ({
+), $2 = ({
   className: i,
-  color: e = k.NOTIFICATION_WARNING_DARK,
+  color: e = m.NOTIFICATION_WARNING_DARK,
   height: t = 37,
   width: s = 36,
   onClick: o
@@ -5527,9 +5527,9 @@ const Zt = ({
       )
     ]
   }
-), F2 = ({
+), Y2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5553,9 +5553,9 @@ const Zt = ({
       }
     )
   }
-), $2 = ({
+), U2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5592,9 +5592,9 @@ const Zt = ({
       )
     ]
   }
-), Y2 = ({
+), z2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5631,9 +5631,9 @@ const Zt = ({
       )
     ]
   }
-), U2 = ({
+), J2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5700,9 +5700,9 @@ const Zt = ({
       )
     ]
   }
-), z2 = ({
+), Q2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5739,9 +5739,9 @@ const Zt = ({
       )
     ]
   }
-), J2 = ({
+), q2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5796,9 +5796,9 @@ const Zt = ({
       )
     ]
   }
-), Q2 = ({
+), X2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5835,9 +5835,9 @@ const Zt = ({
       )
     ]
   }
-), q2 = ({
+), ei = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5884,9 +5884,9 @@ const Zt = ({
       )
     ]
   }
-), X2 = ({
+), ti = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5923,9 +5923,9 @@ const Zt = ({
       )
     ]
   }
-), ei = ({
+), ii = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5950,9 +5950,9 @@ const Zt = ({
       }
     )
   }
-), ti = ({
+), si = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5988,9 +5988,9 @@ const Zt = ({
       )
     ]
   }
-), ii = ({
+), oi = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -6009,9 +6009,9 @@ const Zt = ({
       /* @__PURE__ */ n("path", { d: "M12 8L4 8", stroke: e, strokeWidth: "1.7", strokeLinecap: "round" })
     ]
   }
-), si = ({
+), ni = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -6048,9 +6048,9 @@ const Zt = ({
       )
     ]
   }
-), oi = ({
+), ri = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -6087,9 +6087,9 @@ const Zt = ({
       )
     ]
   }
-), ni = ({
+), li = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -6126,9 +6126,9 @@ const Zt = ({
       )
     ]
   }
-), ri = ({
+), ai = ({
   className: i,
-  color: e = k.GREY_DARK_2,
+  color: e = m.GREY_DARK_2,
   height: t = 16,
   width: s = 16,
   onClick: o
@@ -6152,9 +6152,9 @@ const Zt = ({
       }
     )
   }
-), li = ({
+), hi = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -6181,9 +6181,9 @@ const Zt = ({
       /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_3992_5989", children: /* @__PURE__ */ n("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), ai = ({
+), ci = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -6210,9 +6210,9 @@ const Zt = ({
       /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_3992_5988", children: /* @__PURE__ */ n("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), hi = ({
+), di = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -6227,7 +6227,7 @@ const Zt = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ n("rect", { width: "20", height: "20", rx: "4", fill: k.GREY_LIGHT_2 }),
+      /* @__PURE__ */ n("rect", { width: "20", height: "20", rx: "4", fill: m.GREY_LIGHT_2 }),
       /* @__PURE__ */ n(
         "path",
         {
@@ -6239,9 +6239,9 @@ const Zt = ({
       )
     ]
   }
-), ci = ({
+), gi = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -6256,7 +6256,7 @@ const Zt = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ n("rect", { width: "20", height: "20", rx: "4", fill: k.GREY_LIGHT_2 }),
+      /* @__PURE__ */ n("rect", { width: "20", height: "20", rx: "4", fill: m.GREY_LIGHT_2 }),
       /* @__PURE__ */ n(
         "path",
         {
@@ -6268,7 +6268,7 @@ const Zt = ({
       )
     ]
   }
-), di = ({
+), ui = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -6294,7 +6294,7 @@ const Zt = ({
       }
     )
   }
-), gi = ({
+), Ci = ({
   className: i,
   color: e = "#131314",
   height: t = 20,
@@ -6322,7 +6322,7 @@ const Zt = ({
       }
     )
   }
-), ui = ({
+), pi = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -6360,7 +6360,7 @@ const Zt = ({
       )
     ] }) })
   }
-), Ci = ({
+), fi = ({
   name: i,
   width: e,
   height: t,
@@ -6369,8 +6369,8 @@ const Zt = ({
   disabled: a = !1,
   onClick: c
 }) => {
-  const [r, d] = S(o), { theme: g } = i1(T1), l = a ? g && g === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : s, h = a ? void 0 : c;
-  return O(() => {
+  const [r, d] = S(o), { theme: g } = i1(T1), l = a ? g && g === "dark" ? m.GREY_LIGHT_4 : m.GREY_DARK_1 : s, h = a ? void 0 : c;
+  return A(() => {
     if (o) {
       h && !a && d(`${o} clickable`);
       return;
@@ -6379,39 +6379,39 @@ const Zt = ({
   }, [h, o, a]), /* @__PURE__ */ n(Y, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return V2({ width: e, height: t, color: l, className: r, onClick: h });
+        return S2({ width: e, height: t, color: l, className: r, onClick: h });
       case "prevIcon":
-        return I2({ width: e, height: t, color: l, className: r, onClick: h });
+        return O2({ width: e, height: t, color: l, className: r, onClick: h });
       case "arrowUp":
-        return Zt({ width: e, height: t, color: l, className: r, onClick: h });
+        return Tt({ width: e, height: t, color: l, className: r, onClick: h });
       case "arrowDown":
-        return Dt({ width: e, height: t, color: l, className: r, onClick: h });
+        return Gt({ width: e, height: t, color: l, className: r, onClick: h });
       case "info":
-        return Tt({ width: e, height: t, color: l, className: r, onClick: h });
+        return Kt({ width: e, height: t, color: l, className: r, onClick: h });
       case "arrowRight":
-        return Gt({ width: e, height: t, color: l, className: r, onClick: h });
+        return Pt({ width: e, height: t, color: l, className: r, onClick: h });
       case "calendar":
-        return Kt({ width: e, height: t, color: l, className: r, onClick: h });
+        return Ft({ width: e, height: t, color: l, className: r, onClick: h });
       case "ok":
-        return Pt({ width: e, height: t, color: l, className: r, onClick: h });
+        return $t({ width: e, height: t, color: l, className: r, onClick: h });
       case "cancel":
-        return Ft({ width: e, height: t, color: l, className: r, onClick: h });
+        return Yt({ width: e, height: t, color: l, className: r, onClick: h });
       case "add":
-        return $t({ width: e, height: t, color: l, className: r, onClick: h });
+        return Ut({ width: e, height: t, color: l, className: r, onClick: h });
       case "list":
-        return Yt({ width: e, height: t, color: l, className: r, onClick: h });
+        return zt({ width: e, height: t, color: l, className: r, onClick: h });
       case "dragAndDrop":
-        return Ut({ width: e, height: t, color: l, className: r, onClick: h });
+        return Jt({ width: e, height: t, color: l, className: r, onClick: h });
       case "filter":
-        return zt({ width: e, height: t, color: l, className: r, onClick: h });
+        return Qt({ width: e, height: t, color: l, className: r, onClick: h });
       case "attention":
-        return Jt({ width: e, height: t, color: l, className: r, onClick: h });
+        return qt({ width: e, height: t, color: l, className: r, onClick: h });
       case "plus":
-        return Qt({ width: e, height: t, color: l, className: r, onClick: h });
+        return Xt({ width: e, height: t, color: l, className: r, onClick: h });
       case "time":
-        return qt({ width: e, height: t, color: l, className: r, onClick: h });
+        return e2({ width: e, height: t, color: l, className: r, onClick: h });
       case "arrowDownLong":
-        return Xt({
+        return t2({
           width: e,
           height: t,
           color: l,
@@ -6419,9 +6419,9 @@ const Zt = ({
           onClick: h
         });
       case "users":
-        return e2({ width: e, height: t, color: l, className: r, onClick: h });
+        return i2({ width: e, height: t, color: l, className: r, onClick: h });
       case "mySkillsMatrix":
-        return t2({
+        return s2({
           width: e,
           height: t,
           color: l,
@@ -6429,9 +6429,9 @@ const Zt = ({
           onClick: h
         });
       case "skills":
-        return i2({ width: e, height: t, color: l, className: r, onClick: h });
+        return o2({ width: e, height: t, color: l, className: r, onClick: h });
       case "skillsMatrices":
-        return s2({
+        return n2({
           width: e,
           height: t,
           color: l,
@@ -6439,23 +6439,23 @@ const Zt = ({
           onClick: h
         });
       case "history":
-        return o2({ width: e, height: t, color: l, className: r, onClick: h });
+        return r2({ width: e, height: t, color: l, className: r, onClick: h });
       case "logOut":
-        return n2({ width: e, height: t, color: l, className: r, onClick: h });
+        return l2({ width: e, height: t, color: l, className: r, onClick: h });
       case "settings":
-        return r2({ width: e, height: t, color: l, className: r, onClick: h });
+        return a2({ width: e, height: t, color: l, className: r, onClick: h });
       case "addSkill":
-        return l2({ width: e, height: t, color: l, className: r, onClick: h });
+        return h2({ width: e, height: t, color: l, className: r, onClick: h });
       case "conversation":
-        return a2({ width: e, height: t, color: l, className: r, onClick: h });
+        return c2({ width: e, height: t, color: l, className: r, onClick: h });
       case "trash":
-        return h2({ width: e, height: t, color: l, className: r, onClick: h });
+        return d2({ width: e, height: t, color: l, className: r, onClick: h });
       case "settings4":
-        return c2({ width: e, height: t, color: l, className: r, onClick: h });
+        return g2({ width: e, height: t, color: l, className: r, onClick: h });
       case "edit2":
-        return d2({ width: e, height: t, color: l, className: r, onClick: h });
+        return u2({ width: e, height: t, color: l, className: r, onClick: h });
       case "notifications":
-        return g2({
+        return C2({
           width: e,
           height: t,
           color: l,
@@ -6463,9 +6463,9 @@ const Zt = ({
           onClick: h
         });
       case "success":
-        return u2({ width: e, height: t, color: l, className: r, onClick: h });
+        return p2({ width: e, height: t, color: l, className: r, onClick: h });
       case "attentionSmall":
-        return C2({
+        return f2({
           width: e,
           height: t,
           color: l,
@@ -6473,11 +6473,11 @@ const Zt = ({
           onClick: h
         });
       case "errorSmall":
-        return p2({ width: e, height: t, color: l, className: r, onClick: h });
+        return w2({ width: e, height: t, color: l, className: r, onClick: h });
       case "infoMedium":
-        return f2({ width: e, height: t, color: l, className: r, onClick: h });
+        return m2({ width: e, height: t, color: l, className: r, onClick: h });
       case "attentionMedium":
-        return w2({
+        return k2({
           width: e,
           height: t,
           color: l,
@@ -6485,9 +6485,9 @@ const Zt = ({
           onClick: h
         });
       case "errorMedium":
-        return m2({ width: e, height: t, color: l, className: r, onClick: h });
+        return L2({ width: e, height: t, color: l, className: r, onClick: h });
       case "faviconSkills":
-        return R2({
+        return y2({
           width: e,
           height: t,
           color: l,
@@ -6495,7 +6495,7 @@ const Zt = ({
           onClick: h
         });
       case "visibilityIcon":
-        return k2({
+        return v2({
           width: e,
           height: t,
           color: l,
@@ -6503,7 +6503,7 @@ const Zt = ({
           onClick: h
         });
       case "visibilityOffIcon":
-        return L2({
+        return N2({
           width: e,
           height: t,
           color: l,
@@ -6511,7 +6511,7 @@ const Zt = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return v2({
+        return x2({
           width: e,
           height: t,
           color: l,
@@ -6519,7 +6519,7 @@ const Zt = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return N2({
+        return R2({
           width: e,
           height: t,
           color: l,
@@ -6527,7 +6527,7 @@ const Zt = ({
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return x2({
+        return M2({
           width: e,
           height: t,
           color: l,
@@ -6535,98 +6535,98 @@ const Zt = ({
           onClick: h
         });
       case "camera":
-        return M2({ width: e, height: t, color: l, className: r, onClick: h });
+        return b2({ width: e, height: t, color: l, className: r, onClick: h });
       case "sortUp":
-        return y2({ width: e, height: t, color: l, className: r, onClick: h });
+        return E2({ width: e, height: t, color: l, className: r, onClick: h });
       case "sortDown":
-        return b2({ width: e, height: t, color: l, className: r, onClick: h });
+        return _2({ width: e, height: t, color: l, className: r, onClick: h });
       case "logOut2":
-        return E2({ width: e, height: t, color: l, className: r, onClick: h });
+        return H2({ width: e, height: t, color: l, className: r, onClick: h });
       case "search":
-        return _2({ width: e, height: t, color: l, className: r, onClick: h });
+        return V2({ width: e, height: t, color: l, className: r, onClick: h });
       case "handRock":
-        return H2({ width: e, height: t, color: l, className: r, onClick: h });
+        return I2({ width: e, height: t, color: l, className: r, onClick: h });
       case "arrowUpFilled":
-        return O2({ width: e, height: t, color: l, className: r, onClick: h });
+        return B2({ width: e, height: t, color: l, className: r, onClick: h });
       case "arrowDownFilled":
-        return S2({ width: e, height: t, color: l, className: r, onClick: h });
-      case "link":
         return A2({ width: e, height: t, color: l, className: r, onClick: h });
-      case "telegram":
+      case "link":
         return W2({ width: e, height: t, color: l, className: r, onClick: h });
+      case "telegram":
+        return j2({ width: e, height: t, color: l, className: r, onClick: h });
       case "mail":
-        return Z2({ width: e, height: t, color: l, className: r, onClick: h });
+        return T2({ width: e, height: t, color: l, className: r, onClick: h });
       case "github":
-        return B2({ width: e, height: t, color: l, className: r, onClick: h });
+        return Z2({ width: e, height: t, color: l, className: r, onClick: h });
       case "linkedIn":
-        return j2({ width: e, height: t, color: l, className: r, onClick: h });
-      case "emptyStateIcon":
         return D2({ width: e, height: t, color: l, className: r, onClick: h });
+      case "emptyStateIcon":
+        return G2({ width: e, height: t, color: l, className: r, onClick: h });
       case "filtersIcon":
-        return T2({ width: e, height: t, color: l, className: r, onClick: h });
+        return K2({ width: e, height: t, color: l, className: r, onClick: h });
       case "dotMenuIcon":
-        return G2({ width: e, height: t, color: l, className: r, onClick: h });
+        return P2({ width: e, height: t, color: l, className: r, onClick: h });
       case "plusCircle":
-        return K2({ width: e, height: t, color: l, className: r, onClick: h });
+        return F2({ width: e, height: t, color: l, className: r, onClick: h });
       case "warning":
-        return P2({ width: e, height: t, color: l, className: r, onClick: h });
+        return $2({ width: e, height: t, color: l, className: r, onClick: h });
       case "back":
-        return F2({ width: e, height: t, color: l, className: r, onClick: h });
+        return Y2({ width: e, height: t, color: l, className: r, onClick: h });
       case "bell":
-        return $2({ width: e, height: t, color: l, className: r, onClick: h });
-      case "contract":
         return U2({ width: e, height: t, color: l, className: r, onClick: h });
+      case "contract":
+        return J2({ width: e, height: t, color: l, className: r, onClick: h });
       case "trash2":
-        return Y2({ width: e, height: t, color: l, className: r, onClick: h });
-      case "manager":
         return z2({ width: e, height: t, color: l, className: r, onClick: h });
+      case "manager":
+        return Q2({ width: e, height: t, color: l, className: r, onClick: h });
       case "resourceManager":
-        return J2({ width: e, height: t, color: l, className: r, onClick: h });
+        return q2({ width: e, height: t, color: l, className: r, onClick: h });
       case "settings2":
-        return Q2({ width: e, height: t, color: l, className: r, onClick: h });
+        return X2({ width: e, height: t, color: l, className: r, onClick: h });
       case "image":
-        return q2({ width: e, height: t, color: l, className: r, onClick: h });
+        return ei({ width: e, height: t, color: l, className: r, onClick: h });
       case "upload":
-        return X2({ width: e, height: t, color: l, className: r, onClick: h });
+        return ti({ width: e, height: t, color: l, className: r, onClick: h });
       case "edit":
-        return ei({ width: e, height: t, color: l, className: r, onClick: h });
+        return ii({ width: e, height: t, color: l, className: r, onClick: h });
       case "location":
-        return ti({ width: e, height: t, color: l, className: r, onClick: h });
+        return si({ width: e, height: t, color: l, className: r, onClick: h });
       case "plus2":
-        return ii({ width: e, height: t, color: l, className: r, onClick: h });
+        return oi({ width: e, height: t, color: l, className: r, onClick: h });
       case "search2":
-        return si({ width: e, height: t, color: l, className: r, onClick: h });
+        return ni({ width: e, height: t, color: l, className: r, onClick: h });
       case "fastArrowLeft":
-        return oi({ width: e, height: t, color: l, className: r, onClick: h });
+        return ri({ width: e, height: t, color: l, className: r, onClick: h });
       case "fastArrowRight":
-        return ni({ width: e, height: t, color: l, className: r, onClick: h });
+        return li({ width: e, height: t, color: l, className: r, onClick: h });
       case "crossInCircle":
-        return ri({ width: e, height: t, color: l, className: r, onClick: h });
-      case "arrowUp2":
         return ai({ width: e, height: t, color: l, className: r, onClick: h });
+      case "arrowUp2":
+        return ci({ width: e, height: t, color: l, className: r, onClick: h });
       case "arrowDown2":
-        return li({ width: e, height: t, color: l, className: r, onClick: h });
-      case "filledArrowLeft":
         return hi({ width: e, height: t, color: l, className: r, onClick: h });
+      case "filledArrowLeft":
+        return di({ width: e, height: t, color: l, className: r, onClick: h });
       case "filledArrowRight":
-        return ci({ width: e, height: t, color: l, className: r, onClick: h });
+        return gi({ width: e, height: t, color: l, className: r, onClick: h });
       case "burgerMenu":
-        return di({ width: e, height: t, color: l, className: r, onClick: h });
+        return ui({ width: e, height: t, color: l, className: r, onClick: h });
       case "signOut":
-        return gi({ width: e, height: t, color: l, className: r, onClick: h });
+        return Ci({ width: e, height: t, color: l, className: r, onClick: h });
       case "refresh":
-        return ui({ width: e, height: t, color: l, className: r, onClick: h });
+        return pi({ width: e, height: t, color: l, className: r, onClick: h });
       default:
         return /* @__PURE__ */ n(Y, { children: "No Icon provided" });
     }
   })() });
 };
 var G1 = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(G1 || {});
-const pi = t1({
+const wi = t1({
   locale: "en",
   theme: "light"
 });
-pi.Provider;
+wi.Provider;
 const K1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o = !0 }) => {
   const a = t === "small" ? 10 : 12.5;
   return /* @__PURE__ */ n(
@@ -6634,7 +6634,7 @@ const K1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
     {
       className: `snmt-tag ${t}`,
       closeIcon: /* @__PURE__ */ n(
-        Ci,
+        fi,
         {
           name: "errorSmall",
           color: G1.GREY_DARK_2,
@@ -6646,10 +6646,10 @@ const K1 = ({ 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(jt, { variant: t === "small" ? "body4" : "body2", children: i }) : i
+      children: typeof i == "string" ? /* @__PURE__ */ n(Dt, { variant: t === "small" ? "body4" : "body2", children: i }) : i
     }
   );
-}, { Title: fi, Text: wi } = B1, mi = {
+}, { Title: mi, Text: ki } = B1, Li = {
   h1: 1,
   h2: 2,
   h3: 3,
@@ -6667,17 +6667,17 @@ const K1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
     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}`), a && (g += " collapsed"), d ? /* @__PURE__ */ n(
-      fi,
+      mi,
       {
         className: g,
         style: { color: t, whiteSpace: c },
         onClick: o,
-        level: mi[e],
+        level: Li[e],
         ref: r,
         children: s
       }
     ) : /* @__PURE__ */ n(
-      wi,
+      ki,
       {
         className: g,
         style: { color: t, whiteSpace: c },
@@ -6687,7 +6687,7 @@ const K1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
       }
     );
   }
-), ki = ({
+), vi = ({
   children: i,
   content: e,
   isOpen: t,
@@ -6697,7 +6697,7 @@ const K1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
 }) => {
   const [c, r] = S(!1);
   return /* @__PURE__ */ n(
-    se,
+    ne,
     {
       content: e,
       arrow: !1,
@@ -6711,7 +6711,7 @@ const K1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
       children: /* @__PURE__ */ n("div", { className: "wrapper", children: i })
     }
   );
-}, Li = ({
+}, Ni = ({
   values: i,
   onTagClose: e,
   maxWidth: t,
@@ -6720,7 +6720,7 @@ const K1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
   extraOptions: a
 }) => {
   const [c, r] = S(!1);
-  O(() => {
+  A(() => {
     i.length || r(!1);
   }, [i]);
   const d = (l) => {
@@ -6733,7 +6733,7 @@ const K1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
     return ((h = o == null ? void 0 : o.find((f) => f.value === l)) == null ? void 0 : h.label) || ((C = a == null ? void 0 : a.find((f) => f.value === l)) == null ? void 0 : C.label) || l;
   };
   return /* @__PURE__ */ n("div", { onMouseDown: d, className: "wrapper", children: /* @__PURE__ */ n(
-    ki,
+    vi,
     {
       content: (
         // 90: paddings + margins + gaps and so on
@@ -6756,7 +6756,7 @@ const K1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
       ] }) })
     }
   ) });
-}, vi = ({ size: i = 30, color: e = "#004ed7" }) => {
+}, xi = ({ size: i = 30, color: e = "#004ed7" }) => {
   const t = `no-repeat linear-gradient(${e}
     calc(50% - 10px), #0000 0 calc(50% + 10px), ${e} 0)`, s = {
     width: i,
@@ -6764,7 +6764,7 @@ const K1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
     backgroundSize: "20% calc(200% + 20px)"
   };
   return /* @__PURE__ */ n("span", { className: "snmt-loader", style: s });
-}, Ni = c1(
+}, Ri = c1(
   ({
     value: i,
     onChange: e,
@@ -6784,108 +6784,99 @@ const K1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
     extraOptions: N,
     isLoading: v
   }, R) => {
-    const [x, _] = S(!1), [L, y] = S(!1), [b, M] = S(!0), [I, U] = S(i), z = k1(null);
-    O(() => {
+    const [x, _] = S(!1), [k, y] = S(!1), [b, M] = S(!0), [I, U] = S(i), z = k1(null);
+    A(() => {
       U(i);
     }, [i]);
-    const Z = (w) => {
-      _(w), h && h(w);
-    }, L1 = (w, E) => {
-      var j;
-      return !!((j = E == null ? void 0 : E.label) != null && j.toString().toLowerCase().includes(w.toLowerCase()));
+    const j = (L) => {
+      _(L), h && h(L);
+    }, L1 = (L, E) => {
+      var O;
+      return !!((O = E == null ? void 0 : E.label) != null && O.toString().toLowerCase().includes(L.toLowerCase()));
     }, g1 = () => {
       y(!0);
     }, D = () => {
       y(!1);
-    }, A = (w) => {
-      if (U(w), s) {
-        const j = w;
-        e == null || e(j);
+    }, B = (L) => {
+      if (U(L), s) {
+        const O = L;
+        e == null || e(O);
         return;
       }
-      const E = w;
+      const E = L;
       e == null || e(E);
     }, K = () => {
       if (s) {
-        A([]);
+        B([]);
         return;
       }
-      A("");
-    }, J = (w) => {
-      const E = I.filter((j) => j !== w);
-      A(E), U(E);
-    }, V = (w) => (I == null ? void 0 : I.indexOf(w)) === 0 ? (
+      B("");
+    }, J = (L) => {
+      const E = I.filter((O) => O !== L);
+      B(E), U(E);
+    }, V = (L) => (I == null ? void 0 : I.indexOf(L)) === 0 ? (
       // if the search input is empty
       // then display the placeholder, else do not display it
       /* @__PURE__ */ n("span", { className: "custom-placeholder", children: b ? t : "" })
-    ) : /* @__PURE__ */ n(Y, {}), W = (w) => {
-      w.preventDefault(), w.stopPropagation();
-    }, T = async (w) => {
-      const { target: E } = w;
-      E.scrollTop + E.offsetHeight >= E.scrollHeight - g && (C == null || C(!0)), p && await p(w);
-    }, Q = (w) => {
-      var E, j;
-      return ((E = a.find((u1) => u1.value === w)) == null ? void 0 : E.label) || ((j = N == null ? void 0 : N.find((u1) => u1.value === w)) == null ? void 0 : j.label) || w;
+    ) : /* @__PURE__ */ n(Y, {}), Z = (L) => {
+      L.preventDefault(), L.stopPropagation();
+    }, T = async (L) => {
+      const { target: E } = L;
+      E.scrollTop + E.offsetHeight >= E.scrollHeight - g && (C == null || C(!0)), p && await p(L);
+    }, Q = (L) => {
+      var E, O;
+      return ((E = a.find((u1) => u1.value === L)) == null ? void 0 : E.label) || ((O = N == null ? void 0 : N.find((u1) => u1.value === L)) == null ? void 0 : O.label) || L;
     };
+    function J1(L) {
+      var E;
+      return /* @__PURE__ */ n(
+        Ni,
+        {
+          values: L,
+          onTagClose: J,
+          maxWidth: ((E = z.current) == null ? void 0 : E.clientWidth) || 0,
+          disabled: r,
+          options: a,
+          extraOptions: N
+        }
+      );
+    }
+    function Q1({ label: L, value: E, mode: O }) {
+      return O === "filter" ? V(E) : /* @__PURE__ */ n("div", { onMouseDown: Z, className: "tag-wrapper", children: /* @__PURE__ */ n(K1, { onClose: () => J(E), closable: !r, children: /* @__PURE__ */ n(P1, { variant: "body4", children: typeof L == "object" ? L : Q(E) }) }) });
+    }
     return /* @__PURE__ */ u(
       "div",
       {
-        className: `snmt-select ${L ? "snmt-select-focused" : ""}
+        className: `snmt-select ${k ? "snmt-select-focused" : ""}
                 ${s ? "" : "snmt-select-single"}`,
         ref: z,
         style: { width: c },
         children: [
           /* @__PURE__ */ n(
-            X1,
+            te,
             {
               className: "snmt-select-blank",
               id: f,
               ref: R,
               showSearch: !!o,
               filterOption: o && L1,
-              onDropdownVisibleChange: Z,
+              onDropdownVisibleChange: j,
               placeholder: t ? d ? `${t}*` : t : void 0,
               disabled: r,
               value: I || void 0,
-              labelRender: (w) => Q(w.value),
+              labelRender: (L) => Q(L.value),
               mode: s === "filter" ? "multiple" : s,
-              onChange: A,
+              onChange: B,
               onFocus: g1,
               onBlur: D,
-              onSearch: (w) => {
-                M(!w), l && l(w);
+              onSearch: (L) => {
+                M(!L), l && l(L);
               },
               onSelect: () => M(!0),
               onDeselect: () => M(!0),
-              tagRender: s === "filter" ? (
-                // HACK to prevent showing selected options in input
-                (w) => V(w.value)
-              ) : (w) => {
-                const E = typeof w.label == "object";
-                return /* @__PURE__ */ n("div", { onMouseDown: W, className: "tag-wrapper", children: /* @__PURE__ */ n(
-                  K1,
-                  {
-                    onClose: () => J(w.value),
-                    closable: !r,
-                    children: /* @__PURE__ */ n(P1, { variant: "body4", children: E ? w.label : Q(w.value) })
-                  }
-                ) });
-              },
+              tagRender: (L) => Q1({ ...L, mode: s }),
               maxTagCount: "responsive",
-              maxTagPlaceholder: (w) => {
-                var E;
-                return /* @__PURE__ */ n(
-                  Li,
-                  {
-                    values: w,
-                    onTagClose: J,
-                    maxWidth: ((E = z.current) == null ? void 0 : E.clientWidth) || 0,
-                    disabled: r,
-                    options: a,
-                    extraOptions: N
-                  }
-                );
-              },
+              maxTagPlaceholder: J1,
               onPopupScroll: T,
               suffixIcon: /* @__PURE__ */ n("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ u(Y, { children: [
                 s && I && !!I.length && /* @__PURE__ */ n("div", { onClick: K, children: /* @__PURE__ */ n(s1, { name: "cancel" }) }),
@@ -6901,20 +6892,20 @@ const K1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
               ] }) }),
               removeIcon: /* @__PURE__ */ n(s1, { name: "errorSmall", color: $.GREY_DARK_2 }),
               options: a,
-              optionRender: (w) => /* @__PURE__ */ u(n1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+              optionRender: (L) => /* @__PURE__ */ u(n1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                 /* @__PURE__ */ u(n1, { alignItems: "center", gap: 12, children: [
                   s && /* @__PURE__ */ n(
-                    ne,
+                    le,
                     {
-                      checked: !!(I != null && I.includes(w.value))
+                      checked: !!(I != null && I.includes(L.value))
                     }
                   ),
                   /* @__PURE__ */ u(n1, { alignItems: "center", gap: 8, children: [
-                    w.data.image && /* @__PURE__ */ n(oe, { src: w.data.image, size: 20 }),
-                    /* @__PURE__ */ n("span", { children: w.label })
+                    L.data.image && /* @__PURE__ */ n(re, { src: L.data.image, size: 20 }),
+                    /* @__PURE__ */ n("span", { children: L.label })
                   ] })
                 ] }),
-                !s && I === w.value && /* @__PURE__ */ n(
+                !s && I === L.value && /* @__PURE__ */ n(
                   s1,
                   {
                     name: "ok",
@@ -6932,7 +6923,7 @@ const K1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
                     display: "grid",
                     justifyContent: "center"
                   },
-                  children: /* @__PURE__ */ n(vi, { size: 28 })
+                  children: /* @__PURE__ */ n(xi, { size: 28 })
                 }
               ) : void 0
             }
@@ -6940,7 +6931,7 @@ const K1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
           /* @__PURE__ */ n(
             "fieldset",
             {
-              className: `${L ? "fieldset-focused" : ""}
+              className: `${k ? "fieldset-focused" : ""}
                      ${r ? "fieldset-disabled" : ""}
                      ${typeof i == "string" && i ? "fieldset-filled" : ""}
                      ${typeof i == "object" && i != null && i.length ? "fieldset-filled" : ""}`,
@@ -6951,7 +6942,7 @@ const K1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
       }
     );
   }
-), xi = {
+), Mi = {
   type: "logger",
   log(i) {
     this.output("log", i);
@@ -6973,7 +6964,7 @@ class r1 {
   }
   init(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.prefix = t.prefix || "i18next:", this.logger = e || xi, this.options = t, this.debug = t.debug;
+    this.prefix = t.prefix || "i18next:", this.logger = e || Mi, this.options = t, this.debug = t.debug;
   }
   log() {
     for (var e = arguments.length, t = new Array(e), s = 0; s < e; s++)
@@ -7008,7 +6999,7 @@ class r1 {
     return e = e || this.options, e.prefix = e.prefix || this.prefix, new r1(this.logger, e);
   }
 }
-var B = new r1();
+var W = new r1();
 class d1 {
   constructor() {
     this.observers = {};
@@ -7049,11 +7040,11 @@ const q = () => {
     i = s, e = o;
   });
   return t.resolve = i, t.reject = e, t;
-}, N1 = (i) => i == null ? "" : "" + i, Ri = (i, e, t) => {
+}, N1 = (i) => i == null ? "" : "" + i, yi = (i, e, t) => {
   i.forEach((s) => {
     e[s] && (t[s] = e[s]);
   });
-}, Mi = /###/g, x1 = (i) => i && i.indexOf("###") > -1 ? i.replace(Mi, ".") : i, R1 = (i) => !i || typeof i == "string", X = (i, e, t) => {
+}, bi = /###/g, x1 = (i) => i && i.indexOf("###") > -1 ? i.replace(bi, ".") : i, R1 = (i) => !i || typeof i == "string", X = (i, e, t) => {
   const s = typeof e != "string" ? e : e.split(".");
   let o = 0;
   for (; o < s.length - 1; ) {
@@ -7078,7 +7069,7 @@ const q = () => {
   for (; r.obj === void 0 && c.length; )
     a = `${c[c.length - 1]}.${a}`, c = c.slice(0, c.length - 1), r = X(i, c, Object), r && r.obj && typeof r.obj[`${r.k}.${a}`] < "u" && (r.obj = void 0);
   r.obj[`${r.k}.${a}`] = t;
-}, yi = (i, e, t, s) => {
+}, Ei = (i, e, t, s) => {
   const {
     obj: o,
     k: a
@@ -7091,7 +7082,7 @@ const q = () => {
   } = X(i, e);
   if (t)
     return t[s];
-}, bi = (i, e, t) => {
+}, _i = (i, e, t) => {
   const s = l1(i, t);
   return s !== void 0 ? s : l1(e, t);
 }, F1 = (i, e, t) => {
@@ -7099,7 +7090,7 @@ const q = () => {
     s !== "__proto__" && s !== "constructor" && (s in i ? typeof i[s] == "string" || i[s] instanceof String || typeof e[s] == "string" || e[s] instanceof String ? t && (i[s] = e[s]) : F1(i[s], e[s], t) : i[s] = e[s]);
   return i;
 }, P = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
-var Ei = {
+var Hi = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
@@ -7107,8 +7098,8 @@ var Ei = {
   "'": "&#39;",
   "/": "&#x2F;"
 };
-const _i = (i) => typeof i == "string" ? i.replace(/[&<>"'\/]/g, (e) => Ei[e]) : i;
-class Hi {
+const Vi = (i) => typeof i == "string" ? i.replace(/[&<>"'\/]/g, (e) => Hi[e]) : i;
+class Ii {
   constructor(e) {
     this.capacity = e, this.regExpMap = /* @__PURE__ */ new Map(), this.regExpQueue = [];
   }
@@ -7120,11 +7111,11 @@ class Hi {
     return this.regExpQueue.length === this.capacity && this.regExpMap.delete(this.regExpQueue.shift()), this.regExpMap.set(e, s), this.regExpQueue.push(e), s;
   }
 }
-const Vi = [" ", ",", "?", "!", ";"], Ii = new Hi(20), Si = (i, e, t) => {
+const Si = [" ", ",", "?", "!", ";"], Oi = new Ii(20), Ai = (i, e, t) => {
   e = e || "", t = t || "";
-  const s = Vi.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
+  const s = Si.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
   if (s.length === 0) return !0;
-  const o = Ii.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
+  const o = Oi.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
   let a = !o.test(i);
   if (!a) {
     const c = i.indexOf(t);
@@ -7242,7 +7233,7 @@ const b1 = {};
 class h1 extends d1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    super(), Ri(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = B.create("translator");
+    super(), yi(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = W.create("translator");
   }
   changeLanguage(e) {
     e && (this.language = e);
@@ -7261,7 +7252,7 @@ class h1 extends d1 {
     s === void 0 && (s = ":");
     const o = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator;
     let a = t.ns || this.options.defaultNS || [];
-    const c = s && e.indexOf(s) > -1, r = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !Si(e, s, o);
+    const c = s && e.indexOf(s) > -1, r = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !Ai(e, s, o);
     if (c && !r) {
       const d = e.match(this.interpolator.nestingRegexp);
       if (d && d.length > 0)
@@ -7288,15 +7279,15 @@ class h1 extends d1 {
     } = this.extractFromKey(e[e.length - 1], t), d = r[r.length - 1], g = t.lng || this.language, l = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
     if (g && g.toLowerCase() === "cimode") {
       if (l) {
-        const L = t.nsSeparator || this.options.nsSeparator;
+        const k = t.nsSeparator || this.options.nsSeparator;
         return o ? {
-          res: `${d}${L}${c}`,
+          res: `${d}${k}${c}`,
           usedKey: c,
           exactUsedKey: c,
           usedLng: g,
           usedNS: d,
           usedParams: this.getUsedParamsDetails(t)
-        } : `${d}${L}${c}`;
+        } : `${d}${k}${c}`;
       }
       return o ? {
         res: c,
@@ -7313,14 +7304,14 @@ class h1 extends d1 {
     if (x && C && (typeof C != "string" && typeof C != "boolean" && typeof C != "number") && v.indexOf(N) < 0 && !(typeof R == "string" && Array.isArray(C))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
-        const L = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, C, {
+        const k = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, C, {
           ...t,
           ns: r
         }) : `key '${c} (${this.language})' returned an object instead of string.`;
-        return o ? (h.res = L, h.usedParams = this.getUsedParamsDetails(t), h) : L;
+        return o ? (h.res = k, h.usedParams = this.getUsedParamsDetails(t), h) : k;
       }
       if (a) {
-        const L = Array.isArray(C), y = L ? [] : {}, b = L ? f : p;
+        const k = Array.isArray(C), y = k ? [] : {}, b = k ? f : p;
         for (const M in C)
           if (Object.prototype.hasOwnProperty.call(C, M)) {
             const I = `${b}${a}${M}`;
@@ -7335,38 +7326,38 @@ class h1 extends d1 {
     } else if (x && typeof R == "string" && Array.isArray(C))
       C = C.join(R), C && (C = this.extendTranslation(C, e, t, s));
     else {
-      let L = !1, y = !1;
+      let k = !1, y = !1;
       const b = t.count !== void 0 && typeof t.count != "string", M = h1.hasDefaultValue(t), I = b ? this.pluralResolver.getSuffix(g, t.count, t) : "", U = t.ordinal && b ? this.pluralResolver.getSuffix(g, t.count, {
         ordinal: !1
-      }) : "", z = b && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), Z = z && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${I}`] || t[`defaultValue${U}`] || t.defaultValue;
-      !this.isValidLookup(C) && M && (L = !0, C = Z), this.isValidLookup(C) || (y = !0, C = c);
-      const g1 = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && y ? void 0 : C, D = M && Z !== C && this.options.updateMissing;
-      if (y || L || D) {
-        if (this.logger.log(D ? "updateKey" : "missingKey", g, d, c, D ? Z : C), a) {
+      }) : "", z = b && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), j = z && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${I}`] || t[`defaultValue${U}`] || t.defaultValue;
+      !this.isValidLookup(C) && M && (k = !0, C = j), this.isValidLookup(C) || (y = !0, C = c);
+      const g1 = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && y ? void 0 : C, D = M && j !== C && this.options.updateMissing;
+      if (y || k || D) {
+        if (this.logger.log(D ? "updateKey" : "missingKey", g, d, c, D ? j : C), a) {
           const V = this.resolve(c, {
             ...t,
             keySeparator: !1
           });
           V && V.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
         }
-        let A = [];
+        let B = [];
         const K = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
         if (this.options.saveMissingTo === "fallback" && K && K[0])
           for (let V = 0; V < K.length; V++)
-            A.push(K[V]);
-        else this.options.saveMissingTo === "all" ? A = this.languageUtils.toResolveHierarchy(t.lng || this.language) : A.push(t.lng || this.language);
-        const J = (V, W, T) => {
+            B.push(K[V]);
+        else this.options.saveMissingTo === "all" ? B = this.languageUtils.toResolveHierarchy(t.lng || this.language) : B.push(t.lng || this.language);
+        const J = (V, Z, T) => {
           const Q = M && T !== C ? T : g1;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(V, d, W, Q, D, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(V, d, W, Q, D, t), this.emit("missingKey", V, d, W, C);
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(V, d, Z, Q, D, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(V, d, Z, Q, D, t), this.emit("missingKey", V, d, Z, C);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && b ? A.forEach((V) => {
-          const W = this.pluralResolver.getSuffixes(V, t);
-          z && t[`defaultValue${this.options.pluralSeparator}zero`] && W.indexOf(`${this.options.pluralSeparator}zero`) < 0 && W.push(`${this.options.pluralSeparator}zero`), W.forEach((T) => {
-            J([V], c + T, t[`defaultValue${T}`] || Z);
+        this.options.saveMissing && (this.options.saveMissingPlurals && b ? B.forEach((V) => {
+          const Z = this.pluralResolver.getSuffixes(V, t);
+          z && t[`defaultValue${this.options.pluralSeparator}zero`] && Z.indexOf(`${this.options.pluralSeparator}zero`) < 0 && Z.push(`${this.options.pluralSeparator}zero`), Z.forEach((T) => {
+            J([V], c + T, t[`defaultValue${T}`] || j);
           });
-        }) : J(A, c, Z));
+        }) : J(B, c, j));
       }
-      C = this.extendTranslation(C, e, t, h, s), y && C === c && this.options.appendNamespaceToMissingKey && (C = `${d}:${c}`), (y || L) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? C = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, L ? C : void 0) : C = this.options.parseMissingKeyHandler(C));
+      C = this.extendTranslation(C, e, t, h, s), y && C === c && this.options.appendNamespaceToMissingKey && (C = `${d}:${c}`), (y || k) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? C = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, k ? C : void 0) : C = this.options.parseMissingKeyHandler(C));
     }
     return o ? (h.res = C, h.usedParams = this.getUsedParamsDetails(t), h) : C;
   }
@@ -7433,12 +7424,12 @@ class h1 extends d1 {
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
             this.i18nFormat.addLookupKeys(x, l, R, v, t);
           else {
-            let L;
-            C && (L = this.pluralResolver.getSuffix(R, t.count, t));
+            let k;
+            C && (k = this.pluralResolver.getSuffix(R, t.count, t));
             const y = `${this.options.pluralSeparator}zero`, b = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (C && (x.push(l + L), t.ordinal && L.indexOf(b) === 0 && x.push(l + L.replace(b, this.options.pluralSeparator)), p && x.push(l + y)), f) {
+            if (C && (x.push(l + k), t.ordinal && k.indexOf(b) === 0 && x.push(l + k.replace(b, this.options.pluralSeparator)), p && x.push(l + y)), f) {
               const M = `${l}${this.options.contextSeparator}${t.context}`;
-              x.push(M), C && (x.push(M + L), t.ordinal && L.indexOf(b) === 0 && x.push(M + L.replace(b, this.options.pluralSeparator)), p && x.push(M + y));
+              x.push(M), C && (x.push(M + k), t.ordinal && k.indexOf(b) === 0 && x.push(M + k.replace(b, this.options.pluralSeparator)), p && x.push(M + y));
             }
           }
           let _;
@@ -7488,7 +7479,7 @@ class h1 extends d1 {
 const C1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
 class E1 {
   constructor(e) {
-    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = B.create("languageUtils");
+    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = W.create("languageUtils");
   }
   getScriptPartFromCode(e) {
     if (e = a1(e), !e || e.indexOf("-") < 0) return null;
@@ -7545,7 +7536,7 @@ class E1 {
     }), o;
   }
 }
-let Oi = [{
+let Bi = [{
   lngs: ["ach", "ak", "am", "arn", "br", "fil", "gun", "ln", "mfe", "mg", "mi", "oc", "pt", "pt-BR", "tg", "tl", "ti", "tr", "uz", "wa"],
   nr: [1, 2],
   fc: 1
@@ -7637,7 +7628,7 @@ let Oi = [{
   lngs: ["he", "iw"],
   nr: [1, 2, 20, 21],
   fc: 22
-}], Ai = {
+}], Wi = {
   1: (i) => +(i > 1),
   2: (i) => +(i != 1),
   3: (i) => 0,
@@ -7661,28 +7652,28 @@ let Oi = [{
   21: (i) => i % 100 == 1 ? 1 : i % 100 == 2 ? 2 : i % 100 == 3 || i % 100 == 4 ? 3 : 0,
   22: (i) => i == 1 ? 0 : i == 2 ? 1 : (i < 0 || i > 10) && i % 10 == 0 ? 2 : 3
 };
-const Bi = ["v1", "v2", "v3"], Wi = ["v4"], _1 = {
+const Zi = ["v1", "v2", "v3"], ji = ["v4"], _1 = {
   zero: 0,
   one: 1,
   two: 2,
   few: 3,
   many: 4,
   other: 5
-}, ji = () => {
+}, Di = () => {
   const i = {};
-  return Oi.forEach((e) => {
+  return Bi.forEach((e) => {
     e.lngs.forEach((t) => {
       i[t] = {
         numbers: e.nr,
-        plurals: Ai[e.fc]
+        plurals: Wi[e.fc]
       };
     });
   }), i;
 };
-class Zi {
+class Ti {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.languageUtils = e, this.options = t, this.logger = B.create("pluralResolver"), (!this.options.compatibilityJSON || Wi.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 = ji(), this.pluralRulesCache = {};
+    this.languageUtils = e, this.options = t, this.logger = W.create("pluralResolver"), (!this.options.compatibilityJSON || ji.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 = Di(), this.pluralRulesCache = {};
   }
   addRule(e, t) {
     this.rules[e] = t;
@@ -7736,17 +7727,17 @@ class Zi {
     return this.options.compatibilityJSON === "v1" ? o === 1 ? "" : typeof o == "number" ? `_plural_${o.toString()}` : a() : this.options.compatibilityJSON === "v2" || this.options.simplifyPluralSuffix && e.numbers.length === 2 && e.numbers[0] === 1 ? a() : this.options.prepend && s.toString() ? this.options.prepend + s.toString() : s.toString();
   }
   shouldUseIntlApi() {
-    return !Bi.includes(this.options.compatibilityJSON);
+    return !Zi.includes(this.options.compatibilityJSON);
   }
 }
 const H1 = function(i, e, t) {
-  let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, a = bi(i, e, t);
+  let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, a = _i(i, e, t);
   return !a && o && typeof t == "string" && (a = f1(i, t, s), a === void 0 && (a = f1(e, t, s))), a;
 }, p1 = (i) => i.replace(/\$/g, "$$$$");
-class Di {
+class Gi {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = B.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
+    this.logger = W.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] : {};
@@ -7772,7 +7763,7 @@ class Di {
       maxReplaces: R,
       alwaysFormat: x
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : _i, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = o !== void 0 ? o : !1, this.prefix = a ? P(a) : c || "{{", this.suffix = r ? P(r) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = l ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = C ? P(C) : p || P("$t("), this.nestingSuffix = f ? P(f) : N || P(")"), this.nestingOptionsSeparator = v || ",", this.maxReplaces = R || 1e3, this.alwaysFormat = x !== void 0 ? x : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : Vi, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = o !== void 0 ? o : !1, this.prefix = a ? P(a) : c || "{{", this.suffix = r ? P(r) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = l ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = C ? P(C) : p || P("$t("), this.nestingSuffix = f ? P(f) : N || P(")"), this.nestingOptionsSeparator = v || ",", this.maxReplaces = R || 1e3, this.alwaysFormat = x !== void 0 ? x : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -7867,7 +7858,7 @@ class Di {
     return e;
   }
 }
-const Ti = (i) => {
+const Ki = (i) => {
   let e = i.toLowerCase().trim();
   const t = {};
   if (i.indexOf("(") > -1) {
@@ -7898,10 +7889,10 @@ const Ti = (i) => {
     return r || (r = i(a1(s), o), e[c] = r), r(t);
   };
 };
-class Gi {
+class Pi {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = B.create("formatter"), this.options = e, this.formats = {
+    this.logger = W.create("formatter"), this.options = e, this.formats = {
       number: F((t, s) => {
         const o = new Intl.NumberFormat(t, {
           ...s
@@ -7958,7 +7949,7 @@ class Gi {
       const {
         formatName: g,
         formatOptions: l
-      } = Ti(d);
+      } = Ki(d);
       if (this.formats[g]) {
         let h = r;
         try {
@@ -7978,13 +7969,13 @@ class Gi {
     }, e);
   }
 }
-const Ki = (i, e) => {
+const Fi = (i, e) => {
   i.pending[e] !== void 0 && (delete i.pending[e], i.pendingCount--);
 };
-class Pi extends d1 {
+class $i extends d1 {
   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 = B.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 = W.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 a = {}, c = {}, r = {}, d = {};
@@ -8014,7 +8005,7 @@ class Pi extends d1 {
     }), this.state[e] = t ? -1 : 2, t && s && (this.state[e] = 0);
     const r = {};
     this.queue.forEach((d) => {
-      yi(d.loaded, [a], c), Ki(d, e), t && d.errors.push(t), d.pendingCount === 0 && !d.done && (Object.keys(d.loaded).forEach((g) => {
+      Ei(d.loaded, [a], c), Fi(d, e), t && d.errors.push(t), d.pendingCount === 0 && !d.done && (Object.keys(d.loaded).forEach((g) => {
         r[g] || (r[g] = {});
         const l = d.loaded[g];
         l.length && l.forEach((h) => {
@@ -8173,7 +8164,7 @@ const V1 = () => ({
     skipOnVariables: !0
   }
 }), I1 = (i) => (typeof i.ns == "string" && (i.ns = [i.ns]), typeof i.fallbackLng == "string" && (i.fallbackLng = [i.fallbackLng]), typeof i.fallbackNS == "string" && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), o1 = () => {
-}, Fi = (i) => {
+}, Yi = (i) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(i)).forEach((t) => {
     typeof i[t] == "function" && (i[t] = i[t].bind(i));
   });
@@ -8181,9 +8172,9 @@ const V1 = () => ({
 class e1 extends d1 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    if (super(), this.options = I1(e), this.services = {}, this.logger = B, this.modules = {
+    if (super(), this.options = I1(e), this.services = {}, this.logger = W, this.modules = {
       external: []
-    }, Fi(this), t && !this.isInitialized && !e.isClone) {
+    }, Yi(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initImmediate)
         return this.init(e, t), this;
       setTimeout(() => {
@@ -8206,19 +8197,19 @@ class e1 extends d1 {
     }), t.keySeparator !== void 0 && (this.options.userDefinedKeySeparator = t.keySeparator), t.nsSeparator !== void 0 && (this.options.userDefinedNsSeparator = t.nsSeparator);
     const a = (l) => l ? typeof l == "function" ? new l() : l : null;
     if (!this.options.isClone) {
-      this.modules.logger ? B.init(a(this.modules.logger), this.options) : B.init(null, this.options);
+      this.modules.logger ? W.init(a(this.modules.logger), this.options) : W.init(null, this.options);
       let l;
-      this.modules.formatter ? l = this.modules.formatter : typeof Intl < "u" && (l = Gi);
+      this.modules.formatter ? l = this.modules.formatter : typeof Intl < "u" && (l = Pi);
       const h = new E1(this.options);
       this.store = new y1(this.options.resources, this.options);
       const C = this.services;
-      C.logger = B, C.resourceStore = this.store, C.languageUtils = h, C.pluralResolver = new Zi(h, {
+      C.logger = W, C.resourceStore = this.store, C.languageUtils = h, C.pluralResolver = new Ti(h, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
-      }), l && (!this.options.interpolation.format || this.options.interpolation.format === o.interpolation.format) && (C.formatter = a(l), C.formatter.init(C, this.options), this.options.interpolation.format = C.formatter.format.bind(C.formatter)), C.interpolator = new Di(this.options), C.utils = {
+      }), l && (!this.options.interpolation.format || this.options.interpolation.format === o.interpolation.format) && (C.formatter = a(l), C.formatter.init(C, this.options), this.options.interpolation.format = C.formatter.format.bind(C.formatter)), C.interpolator = new Gi(this.options), C.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      }, C.backendConnector = new Pi(a(this.modules.backend), C.resourceStore, C, this.options), C.backendConnector.on("*", function(p) {
+      }, C.backendConnector = new $i(a(this.modules.backend), C.resourceStore, C, this.options), C.backendConnector.on("*", function(p) {
         for (var f = arguments.length, N = new Array(f > 1 ? f - 1 : 0), v = 1; v < f; v++)
           N[v - 1] = arguments[v];
         e.emit(p, ...N);
@@ -8432,7 +8423,7 @@ H.setDefaultNamespace;
 H.hasLoadedNamespace;
 H.loadNamespaces;
 H.loadLanguages;
-function $i() {
+function Ui() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
       e[t] = arguments[t];
@@ -8443,7 +8434,7 @@ const S1 = {};
 function w1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  G(e[0]) && S1[e[0]] || (G(e[0]) && (S1[e[0]] = /* @__PURE__ */ new Date()), $i(...e));
+  G(e[0]) && S1[e[0]] || (G(e[0]) && (S1[e[0]] = /* @__PURE__ */ new Date()), Ui(...e));
 }
 const Y1 = (i, e) => () => {
   if (i.isInitialized)
@@ -8462,7 +8453,7 @@ const Y1 = (i, e) => () => {
   G(t) && (t = [t]), t.forEach((o) => {
     i.options.ns.indexOf(o) < 0 && i.options.ns.push(o);
   }), i.loadLanguages(e, Y1(i, s));
-}, Yi = function(i, e) {
+}, zi = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const s = e.languages[0], o = e.options ? e.options.fallbackLng : !1, a = e.languages[e.languages.length - 1];
   if (s.toLowerCase() === "cimode") return !0;
@@ -8471,15 +8462,15 @@ const Y1 = (i, e) => () => {
     return g === -1 || g === 2;
   };
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !c(e.isLanguageChangingTo, i) ? !1 : !!(e.hasResourceBundle(s, i) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || c(s, i) && (!o || c(a, i)));
-}, Ui = function(i, e) {
+}, Ji = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   return !e.languages || !e.languages.length ? (w1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
     lng: t.lng,
     precheck: (o, a) => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && o.services.backendConnector.backend && o.isLanguageChangingTo && !a(o.isLanguageChangingTo, i)) return !1;
     }
-  }) : Yi(i, e, t);
-}, G = (i) => typeof i == "string", zi = (i) => typeof i == "object" && i !== null, Ji = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Qi = {
+  }) : zi(i, e, t);
+}, G = (i) => typeof i == "string", Qi = (i) => typeof i == "object" && i !== null, qi = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Xi = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -8500,7 +8491,7 @@ const Y1 = (i, e) => () => {
   "&#8230;": "…",
   "&#x2F;": "/",
   "&#47;": "/"
-}, qi = (i) => Qi[i], Xi = (i) => i.replace(Ji, qi);
+}, e5 = (i) => Xi[i], t5 = (i) => i.replace(qi, e5);
 let m1 = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
@@ -8509,25 +8500,25 @@ let m1 = {
   transWrapTextNodes: "",
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
-  unescape: Xi
+  unescape: t5
 };
-const e5 = function() {
+const i5 = function() {
   let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   m1 = {
     ...m1,
     ...i
   };
-}, t5 = () => m1;
+}, s5 = () => m1;
 let U1;
-const i5 = (i) => {
+const o5 = (i) => {
   U1 = i;
-}, s5 = () => U1, o5 = {
+}, n5 = () => U1, r5 = {
   type: "3rdParty",
   init(i) {
-    e5(i.options.react), i5(i);
+    i5(i.options.react), o5(i);
   }
-}, n5 = t1();
-class r5 {
+}, l5 = t1();
+class a5 {
   constructor() {
     v1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
     this.usedNamespaces = {};
@@ -8538,27 +8529,27 @@ class r5 {
     });
   }
 }
-const l5 = (i, e) => {
+const h5 = (i, e) => {
   const t = k1();
-  return O(() => {
+  return A(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, z1 = (i, e, t, s) => i.getFixedT(e, t, s), a5 = (i, e, t, s) => j1(z1(i, e, t, s), [i, e, t, s]), h5 = function(i) {
+}, z1 = (i, e, t, s) => i.getFixedT(e, t, s), c5 = (i, e, t, s) => Z1(z1(i, e, t, s), [i, e, t, s]), d5 = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
   } = e, {
     i18n: s,
     defaultNS: o
-  } = i1(n5) || {}, a = t || s || s5();
-  if (a && !a.reportNamespaces && (a.reportNamespaces = new r5()), !a) {
+  } = i1(l5) || {}, a = t || s || n5();
+  if (a && !a.reportNamespaces && (a.reportNamespaces = new a5()), !a) {
     w1("You will need to pass in an i18next instance by using initReactI18next");
-    const L = (b, M) => G(M) ? M : zi(M) && G(M.defaultValue) ? M.defaultValue : Array.isArray(b) ? b[b.length - 1] : b, y = [L, {}, !1];
-    return y.t = L, y.i18n = {}, y.ready = !1, y;
+    const k = (b, M) => G(M) ? M : Qi(M) && G(M.defaultValue) ? M.defaultValue : Array.isArray(b) ? b[b.length - 1] : b, y = [k, {}, !1];
+    return y.t = k, y.i18n = {}, y.ready = !1, y;
   }
   a.options.react && a.options.react.wait !== void 0 && w1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
-    ...t5(),
+    ...s5(),
     ...a.options.react,
     ...e
   }, {
@@ -8567,13 +8558,13 @@ const l5 = (i, e) => {
   } = c;
   let g = i;
   g = G(g) ? [g] : g || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(g);
-  const l = (a.isInitialized || a.initializedStoreOnce) && g.every((L) => Ui(L, a, c)), h = a5(a, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), C = () => h, p = () => z1(a, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [f, N] = S(C);
+  const l = (a.isInitialized || a.initializedStoreOnce) && g.every((k) => Ji(k, a, c)), h = c5(a, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), C = () => h, p = () => z1(a, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [f, N] = S(C);
   let v = g.join();
   e.lng && (v = `${e.lng}${v}`);
-  const R = l5(v), x = k1(!0);
-  O(() => {
+  const R = h5(v), x = k1(!0);
+  A(() => {
     const {
-      bindI18n: L,
+      bindI18n: k,
       bindI18nStore: y
     } = c;
     x.current = !0, !l && !r && (e.lng ? A1(a, e.lng, g, () => {
@@ -8584,43 +8575,43 @@ const l5 = (i, e) => {
     const b = () => {
       x.current && N(p);
     };
-    return L && a && a.on(L, b), y && a && a.store.on(y, b), () => {
-      x.current = !1, L && a && L.split(" ").forEach((M) => a.off(M, b)), y && a && y.split(" ").forEach((M) => a.store.off(M, b));
+    return k && a && a.on(k, b), y && a && a.store.on(y, b), () => {
+      x.current = !1, k && a && k.split(" ").forEach((M) => a.off(M, b)), y && a && y.split(" ").forEach((M) => a.store.off(M, b));
     };
-  }, [a, v]), O(() => {
+  }, [a, v]), A(() => {
     x.current && l && N(C);
   }, [a, d, l]);
   const _ = [f, a, l];
   if (_.t = f, _.i18n = a, _.ready = l, l || !l && !r) return _;
-  throw new Promise((L) => {
-    e.lng ? A1(a, e.lng, g, () => L()) : O1(a, g, () => L());
+  throw new Promise((k) => {
+    e.lng ? A1(a, e.lng, g, () => k()) : O1(a, g, () => k());
   });
-}, c5 = "Country", d5 = {
-  placeholder: c5
-}, g5 = "Страна", u5 = {
+}, g5 = "Country", u5 = {
   placeholder: g5
+}, C5 = "Страна", p5 = {
+  placeholder: C5
 };
-H.use(o5).init({
+H.use(r5).init({
   defaultNS: "common",
   lng: "en",
   resources: {
     en: {
-      common: d5
+      common: u5
     },
     ru: {
-      common: u5
+      common: p5
     }
   }
 });
-const v5 = c1(
+const x5 = c1(
   ({ width: i, selectedCity: e, setSelectedCity: t, onChange: s, value: o, id: a, disabled: c }, r) => {
-    const [d, g] = S([]), [l, h] = S([]), { locale: C, axiosPeople: p } = i1(q1);
+    const [d, g] = S([]), [l, h] = S([]), { locale: C, axiosPeople: p } = i1(ee);
     if (!p)
       throw new Error(
         `CountrySelect requires "axiosPeople" to fetch counties.
                 Please provide it via SNMTUiContext.`
       );
-    const { t: f } = h5("common", { lng: C }), N = j1(async () => {
+    const { t: f } = d5("common", { lng: C }), N = Z1(async () => {
       try {
         const R = await p.post("v1/countries/search");
         h(R == null ? void 0 : R.data.data);
@@ -8628,22 +8619,22 @@ const v5 = c1(
         g([]);
       }
     }, [p]);
-    O(() => {
+    A(() => {
       N();
-    }, []), O(() => {
+    }, []), A(() => {
       if (e) {
         const R = e.split("-")[1], x = l.filter(
           (_) => _.name.includes(R)
         );
         if (x.length) {
-          const _ = x.map((L) => ({
-            label: L.name,
-            value: L.name
+          const _ = x.map((k) => ({
+            label: k.name,
+            value: k.name
           }));
           s(_[0].value);
         }
       }
-    }, [e, l, s]), O(() => {
+    }, [e, l, s]), A(() => {
       const R = l.map((x) => ({
         label: x.name,
         value: x.name
@@ -8654,7 +8645,7 @@ const v5 = c1(
       R === "None" ? (s(""), t && t("")) : (s(R), t && t(""));
     };
     return /* @__PURE__ */ n("div", { className: "snmt-country-select", children: /* @__PURE__ */ n(
-      Ni,
+      Ri,
       {
         id: a,
         width: i,
@@ -8669,5 +8660,5 @@ const v5 = c1(
   }
 );
 export {
-  v5 as CountrySelect
+  x5 as CountrySelect
 };